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

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


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-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 5px 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 5px 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-block {
 display: block;
}

.pointer {
 cursor: pointer;
}

.hidden {
 display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 color: var(--headlines);
 display: inline-block;
 font-weight: 700;
 letter-spacing: normal;
 line-height: 1.3;
 margin: 0 0 10px;
 padding: 0;
}

h1 {
 text-align: left;
 font-size: 38px;
 line-height: 42px;
}

h2 {
 font-size: 17px;
}

h3 {
 color: var(--gray-100);
 font-size: 16px;
 font-weight: 300;
 line-height: 1.5;
 margin: 0 0 12px;
}

h4 {
 font-size: 1.2em;
}

h5 {
 font-size: 1.1em;
}

h6 {
 font-size: 1em;
}

.background_invert_colors {
 filter: invert(100%);
}

.background_inherit {
 background-color: inherit;
}

.background_white {
 background-color: var(--white-100);
}

.background_black {
 background-color: var(--gray-110);
}

.background_red {
 background-color: var(--red-100);
}

.background_blue {
 background-color: var(--blue-100);
}

.background_gray {
 background-color: var(--gray-10);
}

.background_green {
 background-color: var(--green-100);
}

.background_orange {
 background-color: var(--orange-100);
}

.background_darkgray {
 background-color: var(--gray-90);
}

.fs16 {
 font-size: 16px;
}

.fs18 {
 font-size: 18px;
}

.fs19 {
 font-size: 19px;
}

.fs20 {
 font-size: 20px;
}

.fs21 {
 font-size: 21px;
}

.fs22 {
 font-size: 22px;
}

.fs24 {
 font-size: 24px;
}

.fs26 {
 font-size: 26px;
}

.fs28 {
 font-size: 28px;
}

.fs30 {
 font-size: 30px;
}

.fs32 {
 font-size: 32px;
}

.fs34 {
 font-size: 34px;
}

.fs36 {
 font-size: 36px;
}

.fs38 {
 font-size: 38px;
}

.fs40 {
 font-size: 40px;
}

.fs41 {
 font-size: 41px;
}

.fs42 {
 font-size: 42px;
}

.fs43 {
 font-size: 43px;
}

.fs44 {
 font-size: 44px;
}

.fs45 {
 font-size: 45px;
}

.lh100 {
 line-height: 1;
}

.lh110 {
 line-height: 1.1;
}

.lh120 {
 line-height: 1.2;
}

.lh130 {
 line-height: 1.3;
}

.lh140 {
 line-height: 1.4;
}

.lh150 {
 line-height: 1.5;
}

.margint16 {
 margin-top: 16px;
}

.margin_vertical_10px {
 margin-top: 10px;
 margin-bottom: 10px;
}

.margin_bottom_10px {
 margin-bottom: 10px;
}

.margin_bottom_22px {
 margin-bottom: 22px;
}

.text_align_left {
 text-align: left;
}

.text_align_center {
 text-align: center;
}

.text_align_right {
 text-align: right;
}

.txtl {
 text-align: left;
}

.txtc {
 text-align: center;
}

.txtr {
 text-align: right;
}

.uppercase {
 text-transform: uppercase;
}

.text_decoration_none {
 text-decoration: none;
}

.italic {
 font-style: italic;
}

.bold {
 font-weight: 700;
}

.color_inherit {
 color: inherit;
}

.color_red {
 color: var(--red-100);
}

.color_orange {
 color: var(--orange-100);
}

.color_white {
 color: var(--white-100);
}

.color_gray {
 color: var(--gray-10);
}

.color_black {
 color: var(--black-100);
}

.color_light_gray {
 color: var(--gray-10);
}

.color_headline {
 color: var(--black-100);
}

.color_figcaption,
.color_video_description {
 color: var(--gray-10);
}

.arrow-next {
 content: "";
 display: inline-block;
 width: 8px;
 height: 8px;
 border-right: 2px solid;
 border-bottom: 2px solid;
 transform: rotate(-45deg);
 margin-left: 0;
 vertical-align: middle;
}

@font-face {
 font-family: swiper-icons;
 src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
  format("woff");
 font-weight: 400;
 font-style: normal;
}

:root {
 --swiper-theme-color: #007aff;
}

.swiper,
swiper-container {
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
 list-style: none;
 padding: 0;
 z-index: 1;
 display: block;
}

.swiper-vertical > .swiper-wrapper {
 flex-direction: column;
}

.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: flex;
 transition-property: transform;
 transition-timing-function: var(
  --swiper-wrapper-transition-timing-function,
  initial
 );
 box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
 transform: translateZ(0);
}

.swiper-horizontal {
 touch-action: pan-y;
}

.swiper-vertical {
 touch-action: pan-x;
}

.swiper-slide,
swiper-slide {
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 transition-property: transform;
 display: block;
}

.swiper-slide-invisible-blank {
 visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
 height: auto;
}

.swiper-autoheight .swiper-wrapper {
 align-items: flex-start;
 transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
 transform: translateZ(0);
 backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
 perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
 transform-style: preserve-3d;
}

.swiper-3d {
 perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
 transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
 background: rgba(0, 0, 0, 0.15);
}

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

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

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

.swiper-3d .swiper-slide-shadow-bottom {
 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
 overflow: auto;
 scrollbar-width: none;
 -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
 display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
 scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
 scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
 scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
 content: "";
 flex-shrink: 0;
 order: 9999;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
 scroll-snap-align: center center;
 scroll-snap-stop: always;
}

.swiper-centered.swiper-horizontal
 > .swiper-wrapper
 > .swiper-slide:first-child {
 margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
 height: 100%;
 min-height: 1px;
 width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
 margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
 width: 100%;
 min-width: 1px;
 height: var(--swiper-centered-offset-after);
}

.swiper-lazy-preloader {
 width: 42px;
 height: 42px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -21px;
 margin-top: -21px;
 z-index: 10;
 transform-origin: 50%;
 box-sizing: border-box;
 border-radius: 50%;
 border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
 border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
 animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
 --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
 --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
 0% {
  transform: rotate(0deg);
 }

 to {
  transform: rotate(1turn);
 }
}

:root {
 --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
 position: absolute;
 top: var(--swiper-navigation-top-offset, 50%);
 width: calc(var(--swiper-navigation-size) / 44 * 27);
 height: var(--swiper-navigation-size);
 margin-top: calc(0px - var(--swiper-navigation-size) / 2);
 z-index: 10;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
 opacity: 0.35;
 cursor: auto;
 pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
 opacity: 0;
 cursor: auto;
 pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
 display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
 font-family: swiper-icons;
 font-size: var(--swiper-navigation-size);
 text-transform: none !important;
 letter-spacing: 0;
 font-variant: normal;
 line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
 left: var(--swiper-navigation-sides-offset, 10px);
 right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
 content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
 right: var(--swiper-navigation-sides-offset, 10px);
 left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
 content: "next";
}

.swiper-button-lock {
 display: none;
}

.swiper-pagination {
 position: absolute;
 text-align: center;
 transition: opacity 0.3s;
 transform: translateZ(0);
 z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
 opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
 display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 bottom: var(--swiper-pagination-bottom, 8px);
 top: var(--swiper-pagination-top, auto);
 left: 0;
 width: 100%;
}

.swiper-pagination-bullets-dynamic {
 overflow: hidden;
 font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 transform: scale(0.33);
 position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
 transform: scale(1);
}

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

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

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

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

.swiper-pagination-bullet {
 width: var(
  --swiper-pagination-bullet-width,
  var(--swiper-pagination-bullet-size, 8px)
 );
 height: var(
  --swiper-pagination-bullet-height,
  var(--swiper-pagination-bullet-size, 8px)
 );
 display: inline-block;
 border-radius: 50%;
 background: var(--swiper-pagination-bullet-inactive-color, #000);
 opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
 border: none;
 margin: 0;
 padding: 0;
 box-shadow: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor: pointer;
}

.swiper-pagination-bullet:only-child {
 display: none !important;
}

.swiper-pagination-bullet-active {
 opacity: var(--swiper-pagination-bullet-opacity, 1);
 background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
 right: var(--swiper-pagination-right, 8px);
 left: var(--swiper-pagination-left, auto);
 top: 50%;
 transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
 margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
 display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 top: 50%;
 transform: translateY(-50%);
 width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet,
.swiper-vertical
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet {
 display: inline-block;
 transition:
  transform 0.2s,
  top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
 .swiper-pagination-bullet {
 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 left: 50%;
 transform: translateX(-50%);
 white-space: nowrap;
}

.swiper-horizontal
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet {
 transition:
  transform 0.2s,
  left 0.2s;
}

.swiper-horizontal.swiper-rtl
 > .swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl)
 .swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet {
 transition:
  transform 0.2s,
  right 0.2s;
}

.swiper-pagination-fraction {
 color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
 background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
 position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 background: var(--swiper-pagination-color, var(--swiper-theme-color));
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 transform: scale(0);
 transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
 > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
 width: 100%;
 height: var(--swiper-pagination-progressbar-size, 4px);
 left: 0;
 top: 0;
}

.swiper-horizontal
 > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
 width: var(--swiper-pagination-progressbar-size, 4px);
 height: 100%;
 left: 0;
 top: 0;
}

.swiper-pagination-lock {
 display: none;
}

.headline-list {
 font-size: 14px;
 font-weight: 400;
 line-height: 132%;
 list-style-type: disc;
 padding-left: 20px;
}

.headline-list--item {
 margin: 10px 0;
}

.react-datepicker-wrapper {
 display: inline-block;
 padding: 0;
 border: 0;
}

.react-datepicker {
 font-family:
  Helvetica Neue,
  helvetica,
  arial,
  sans-serif;
 font-size: 0.8rem;
 background-color: #fff;
 color: #000;
 border: 1px solid #aeaeae;
 border-radius: 0.3rem;
 display: inline-block;
 position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
 left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
 border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
 border-bottom-left-radius: 0.3rem;
 border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
 position: absolute;
 left: 50px;
}

.react-datepicker-popper {
 z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
 padding-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"]
 .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
 left: auto;
 right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
 padding-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
 padding-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
 left: auto;
 right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
 padding-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
 left: 42px;
 right: auto;
}

.react-datepicker__header {
 text-align: center;
 background-color: #f0f0f0;
 border-bottom: 1px solid #aeaeae;
 border-top-left-radius: 0.3rem;
 padding: 8px 0;
 position: relative;
}

.react-datepicker__header--time {
 padding-bottom: 8px;
 padding-left: 5px;
 padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
 border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
 border-top-right-radius: 0.3rem;
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
 display: inline-block;
 margin: 0 15px;
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
 margin-top: 0;
 color: #000;
 font-weight: 700;
 font-size: 0.944rem;
}

.react-datepicker-time__header {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

.react-datepicker__navigation {
 align-items: center;
 background: none;
 display: flex;
 justify-content: center;
 text-align: center;
 cursor: pointer;
 position: absolute;
 top: 2px;
 padding: 0;
 border: none;
 z-index: 1;
 height: 32px;
 width: 32px;
 text-indent: -999em;
 overflow: hidden;
}

.react-datepicker__navigation--previous {
 left: 2px;
}

.react-datepicker__navigation--next {
 right: 2px;
}

.react-datepicker__navigation--next--with-time:not(
 .react-datepicker__navigation--next--with-today-button
) {
 right: 85px;
}

.react-datepicker__navigation--years {
 position: relative;
 top: 0;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.react-datepicker__navigation--years-previous {
 top: 4px;
}

.react-datepicker__navigation--years-upcoming {
 top: -4px;
}

.react-datepicker__navigation:hover :before {
 border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
 position: relative;
 top: -1px;
 font-size: 20px;
 width: 0;
}

.react-datepicker__navigation-icon--next {
 left: -2px;
}

.react-datepicker__navigation-icon--next:before {
 transform: rotate(45deg);
 left: -7px;
}

.react-datepicker__navigation-icon--previous {
 right: -2px;
}

.react-datepicker__navigation-icon--previous:before {
 transform: rotate(225deg);
 right: -7px;
}

.react-datepicker__month-container {
 float: left;
}

.react-datepicker__year {
 margin: 0.4rem;
 text-align: center;
}

.react-datepicker__year-wrapper {
 display: flex;
 flex-wrap: wrap;
 max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
 display: inline-block;
 width: 4rem;
 margin: 2px;
}

.react-datepicker__month {
 margin: 0.4rem;
 text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
 display: inline-block;
 width: 4rem;
 margin: 2px;
}

.react-datepicker__input-time-container {
 clear: both;
 width: 100%;
 float: left;
 margin: 5px 0 10px 15px;
 text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container
 .react-datepicker-time__input-container {
 display: inline-block;
}

.react-datepicker__input-time-container
 .react-datepicker-time__input-container
 .react-datepicker-time__input {
 display: inline-block;
 margin-left: 10px;
}

.react-datepicker__input-time-container
 .react-datepicker-time__input-container
 .react-datepicker-time__input
 input {
 width: auto;
}

.react-datepicker__input-time-container
 .react-datepicker-time__input-container
 .react-datepicker-time__input
 input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container
 .react-datepicker-time__input-container
 .react-datepicker-time__input
 input[type="time"]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

.react-datepicker__input-time-container
 .react-datepicker-time__input-container
 .react-datepicker-time__input
 input[type="time"] {
 -moz-appearance: textfield;
}

.react-datepicker__input-time-container
 .react-datepicker-time__input-container
 .react-datepicker-time__delimiter {
 margin-left: 5px;
 display: inline-block;
}

.react-datepicker__time-container {
 float: right;
 border-left: 1px solid #aeaeae;
 width: 85px;
}

.react-datepicker__time-container--with-today-button {
 display: inline;
 border: 1px solid #aeaeae;
 border-radius: 0.3rem;
 position: absolute;
 right: -87px;
 top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
 position: relative;
 background: #fff;
 border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box {
 width: 85px;
 overflow-x: hidden;
 margin: 0 auto;
 text-align: center;
 border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list {
 list-style: none;
 margin: 0;
 height: calc(195px + 0.85rem);
 overflow-y: scroll;
 padding-right: 0;
 padding-left: 0;
 width: 100%;
 box-sizing: content-box;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list
 li.react-datepicker__time-list-item {
 height: 30px;
 padding: 5px 10px;
 white-space: nowrap;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list
 li.react-datepicker__time-list-item:hover {
 cursor: pointer;
 background-color: #f0f0f0;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list
 li.react-datepicker__time-list-item--selected {
 background-color: #216ba5;
 color: #fff;
 font-weight: 700;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list
 li.react-datepicker__time-list-item--selected:hover {
 background-color: #216ba5;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list
 li.react-datepicker__time-list-item--disabled {
 color: #ccc;
}

.react-datepicker__time-container
 .react-datepicker__time
 .react-datepicker__time-box
 ul.react-datepicker__time-list
 li.react-datepicker__time-list-item--disabled:hover {
 cursor: default;
 background-color: transparent;
}

.react-datepicker__week-number {
 color: #ccc;
 display: inline-block;
 width: 1.7rem;
 line-height: 1.7rem;
 text-align: center;
 margin: 0.166rem;
}

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

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
 border-radius: 0.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: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
 cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
 border-radius: 0.3rem;
 background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
 font-weight: 700;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
 border-radius: 0.3rem;
 background-color: #3dcc4a;
 color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
 background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
 color: #f0f;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
 color: green;
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
 border-radius: 0.3rem;
 background-color: #216ba5;
 color: #fff;
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
 background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
 border-radius: 0.3rem;
 background-color: #bad9f1;
 color: #000;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
 background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(
 .react-datepicker__day--in-range,
 .react-datepicker__month-text--in-range,
 .react-datepicker__quarter-text--in-range,
 .react-datepicker__year-text--in-range
),
.react-datepicker__month-text--in-selecting-range:not(
 .react-datepicker__day--in-range,
 .react-datepicker__month-text--in-range,
 .react-datepicker__quarter-text--in-range,
 .react-datepicker__year-text--in-range
),
.react-datepicker__quarter-text--in-selecting-range:not(
 .react-datepicker__day--in-range,
 .react-datepicker__month-text--in-range,
 .react-datepicker__quarter-text--in-range,
 .react-datepicker__year-text--in-range
),
.react-datepicker__year-text--in-selecting-range:not(
 .react-datepicker__day--in-range,
 .react-datepicker__month-text--in-range,
 .react-datepicker__quarter-text--in-range,
 .react-datepicker__year-text--in-range
) {
 background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range
 .react-datepicker__day--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__month--selecting-range
 .react-datepicker__month-text--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__month--selecting-range
 .react-datepicker__quarter-text--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__month--selecting-range
 .react-datepicker__year-text--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__year--selecting-range
 .react-datepicker__day--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__year--selecting-range
 .react-datepicker__month-text--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__year--selecting-range
 .react-datepicker__quarter-text--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ),
.react-datepicker__year--selecting-range
 .react-datepicker__year-text--in-range:not(
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range
 ) {
 background-color: #f0f0f0;
 color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
 cursor: default;
 color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
 background-color: transparent;
}

.react-datepicker__input-container {
 position: relative;
 display: inline-block;
 width: 100%;
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
 position: absolute;
 padding: 0.5rem;
}

.react-datepicker__view-calendar-icon input {
 padding: 6px 10px 5px 25px;
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
 border: 1px solid transparent;
 border-radius: 0.3rem;
 position: relative;
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
 cursor: pointer;
}

.react-datepicker__month-read-view:hover
 .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover
 .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
 .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover
 .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover
 .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover
 .react-datepicker__year-read-view--down-arrow {
 border-top-color: #b3b3b3;
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
 transform: rotate(135deg);
 right: -16px;
 top: 0;
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
 background-color: #f0f0f0;
 position: absolute;
 width: 50%;
 left: 25%;
 top: 30px;
 z-index: 1;
 text-align: center;
 border-radius: 0.3rem;
 border: 1px solid #aeaeae;
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
 cursor: pointer;
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
 height: 150px;
 overflow-y: scroll;
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
 line-height: 20px;
 width: 100%;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
 border-top-left-radius: 0.3rem;
 border-top-right-radius: 0.3rem;
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 border-bottom-left-radius: 0.3rem;
 border-bottom-right-radius: 0.3rem;
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
 background-color: #ccc;
}

.react-datepicker__month-option:hover
 .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover
 .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover
 .react-datepicker__navigation--years-upcoming {
 border-bottom-color: #b3b3b3;
}

.react-datepicker__month-option:hover
 .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover
 .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover
 .react-datepicker__navigation--years-previous {
 border-top-color: #b3b3b3;
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
 position: absolute;
 left: 15px;
}

.react-datepicker__close-icon {
 cursor: pointer;
 background-color: transparent;
 border: 0;
 outline: 0;
 padding: 0 6px 0 0;
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 display: table-cell;
 vertical-align: middle;
}

.react-datepicker__close-icon:after {
 cursor: pointer;
 background-color: #216ba5;
 color: #fff;
 border-radius: 50%;
 height: 16px;
 width: 16px;
 padding: 2px;
 font-size: 12px;
 line-height: 1;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 content: "×";
}

.react-datepicker__today-button {
 background: #f0f0f0;
 border-top: 1px solid #aeaeae;
 cursor: pointer;
 text-align: center;
 font-weight: 700;
 padding: 5px 0;
 clear: left;
}

.react-datepicker__portal {
 position: fixed;
 width: 100vw;
 height: 100vh;
 background-color: rgba(0, 0, 0, 0.8);
 left: 0;
 top: 0;
 justify-content: center;
 align-items: center;
 display: flex;
 z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
 width: 3rem;
 line-height: 3rem;
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
 font-size: 1.44rem;
}

.react-datepicker__children-container {
 width: 13.8rem;
 margin: 0.4rem;
 padding-right: 0.2rem;
 padding-left: 0.2rem;
 height: auto;
}

.react-datepicker__aria-live {
 position: absolute;
 clip-path: circle(0);
 border: 0;
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 width: 1px;
 white-space: nowrap;
}

.react-datepicker__calendar-icon {
 width: 1em;
 height: 1em;
 vertical-align: -0.125em;
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
 border-color: #ccc;
 border-style: solid;
 border-width: 3px 3px 0 0;
 content: "";
 display: block;
 height: 9px;
 position: absolute;
 top: 6px;
 width: 9px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
 margin-left: -4px;
 position: absolute;
 width: 0;
}

.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:before {
 box-sizing: content-box;
 position: absolute;
 height: 0;
 width: 1px;
 content: "";
 z-index: -1;
 border: 8px solid transparent;
 left: -8px;
}

.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:before {
 border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
 top: 0;
 margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:before {
 border-top: none;
 border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:after {
 top: 0;
}

.react-datepicker-popper[data-placement^="bottom"]
 .react-datepicker__triangle:before {
 top: -1px;
 border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle {
 bottom: 0;
 margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:before {
 border-bottom: none;
 border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:after {
 bottom: 0;
}

.react-datepicker-popper[data-placement^="top"]
 .react-datepicker__triangle:before {
 bottom: -1px;
 border-top-color: #aeaeae;
}

.image-ctn {
 margin: 5px 0;
 position: relative;
 width: 100%;
}

.image-ctn-16-9 {
 padding-top: 56.25%;
}

.image-ctn-9-16 {
 padding-top: 177.7777777778%;
}

.image-ctn-1-1 {
 padding-top: 100%;
}

.image {
 height: 100%;
 position: absolute;
 top: 0;
 width: 100%;
}

.image-circle {
 border-radius: 50%;
}

.image-fit {
 -o-object-fit: cover;
 object-fit: cover;
}

.image-bw {
 filter: grayscale(100%);
}

.image-ph {
 background-color: #f58e1f;
 grid-row: span 2;
 height: 0;
 position: relative;
 margin: 0 0 12px;
 border-radius: 3px;
}

.lds-ctn {
 width: 100%;
 height: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
}

.lds-ring {
 display: inline-block;
 position: relative;
 width: 80px;
 height: 80px;
}

.lds-ring div {
 box-sizing: border-box;
 display: block;
 position: absolute;
 width: 64px;
 height: 64px;
 margin: 8px;
 border-radius: 50%;
 animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 border: 8px solid transparent;
 border-top-color: #d1d1d1;
}

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

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

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

.is-loading {
 background: #eee;
 background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
 border-radius: 0;
 background-size: 200% 100%;
 border-color: #eee;
}

@keyframes lds-ring {
 0% {
  transform: rotate(0deg);
 }

 to {
  transform: rotate(1turn);
 }
}

.inhouse-card-link {
 display: flex;
 flex-direction: column;
 height: -moz-max-content;
 height: max-content;
 margin-bottom: 14px;
 position: relative;
 text-decoration: none;
 width: 100%;
 padding: 0 0 14px;
 border-bottom: 1px solid var(--gray-40);
}

.inhouse-background-image {
 height: calc(100vw - 30px);
 width: 100%;
 border-radius: 3px;
}

.inhouse-background-image > img {
 border-radius: 3px;
 -o-object-fit: cover;
 object-fit: cover;
}

.inhouse-card-heading {
 background-color: var(--white-105);
 bottom: 14px;
 display: block;
 font-size: 20px;
 font-weight: 700;
 left: 0;
 line-height: 120%;
 max-width: 100%;
 padding: 16px;
 position: absolute;
 width: 100%;
 color: #1f1f1f;
}

.inHouse-logo {
 position: absolute;
 right: 10.5px;
 top: 10px;
}

.inHouse-logo-img {
 height: auto;
 -o-object-fit: fill;
 object-fit: fill;
 width: 83px;
}

.rawHTML,
.rawHTML-videoJWPlayer {
 height: -moz-fit-content;
 height: fit-content;
 margin-bottom: 10px;
 width: 100%;
}

.rawHTML-youtube {
 padding-top: 56.25%;
 position: relative;
 width: 100%;
}

.rawHTML-youtube > iframe {
 border: none;
 height: 100%;
 position: absolute;
 top: 0;
 width: 100%;
}

.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(../images/close.png);
 background-repeat: no-repeat;
 background-size: auto;
 height: 25px;
 transform: translate(0);
 width: 25px;
 background-size: cover;
 display: flex;
}

.ad-interstitial {
 left: 50%;
 position: fixed;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 2147483647;
}

.ad-interstitial-bg {
 background-color: var(--white-100);
 height: 100vh;
 left: 0;
 position: fixed;
 top: 0;
 width: 100vw;
 z-index: 2147483647;
}

.ad-inline {
 display: block;
 width: 100%;
}

.ad-amp,
.ad-inline {
 margin: 0 0 16px;
}

.ad-left,
.ad-middle,
.ad-right {
 display: inline-block;
 margin: 2px 2px 24px;
}

.exp_push_1_970x250,
.exp_push_2_970x250,
.exp_push_3_970x250,
.exp_push_4_970x250,
.exp_push_5_970x250,
.exp_push_6_970x250,
.left_1_300x250,
.left_2_300x250,
.middle_1_300x250,
.middle_2_300x250,
.right_1_300x600,
.right_2_300x600,
.right_3_300x250 {
 position: relative;
}

.exp_push_1_970x250 .dfpAd,
.exp_push_2_970x250 .dfpAd,
.exp_push_3_970x250 .dfpAd,
.exp_push_4_970x250 .dfpAd,
.exp_push_5_970x250 .dfpAd,
.exp_push_6_970x250 .dfpAd,
.left_1_300x250 .dfpAd,
.left_2_300x250 .dfpAd,
.middle_1_300x250 .dfpAd,
.middle_2_300x250 .dfpAd,
.right_1_300x600 .dfpAd,
.right_2_300x600 .dfpAd,
.right_3_300x250 .dfpAd {
 align-items: center;
 background-color: var(--gray-0);
 border-radius: 3px;
 display: flex;
 justify-content: center;
 min-height: 290px;
 padding: 30px 0 10px;
 width: 100%;
}

.left_1_300x250 .dfpAd,
.left_2_300x250 .dfpAd,
.middle_1_300x250 .dfpAd,
.middle_2_300x250 .dfpAd,
.right_1_300x600 .dfpAd,
.right_2_300x600 .dfpAd,
.right_3_300x250 .dfpAd {
 align-items: flex-start;
}

.exp_push_1_970x250,
.exp_push_2_970x250,
.exp_push_3_970x250,
.exp_push_4_970x250,
.exp_push_5_970x250,
.exp_push_6_970x250 {
 margin: 0 0 16px;
}

.ad-feedlist {
 background-color: var(--black-100);
 display: flex;
 margin: 0 auto;
 width: 100%;
}

.ad-text:before {
 color: var(--gray-90);
 content: "PUBLICIDAD";
 font-size: 10px;
 position: absolute;
 top: 10px;
}

.ad-text.amp:before {
 content: "";
}

.Ad_1,
.Ad_2,
.Ad_3,
.Ad_4,
.Ad_5,
.Ad_6 {
 position: relative;
}

.Ad_1 .dfpAd:has(iframe),
.Ad_2 .dfpAd:has(iframe),
.Ad_3 .dfpAd:has(iframe),
.Ad_4 .dfpAd:has(iframe),
.Ad_5 .dfpAd:has(iframe),
.Ad_6 .dfpAd:has(iframe) {
 align-items: center;
 background-color: var(--gray-0);
 border-radius: 3px;
 display: flex;
 justify-content: center;
 padding: 30px 0 10px;
 width: 100%;
}

.Ad_1 .ad-text-body-article:has(iframe):before,
.Ad_2 .ad-text-body-article:has(iframe):before,
.Ad_3 .ad-text-body-article:has(iframe):before,
.Ad_4 .ad-text-body-article:has(iframe):before,
.Ad_5 .ad-text-body-article:has(iframe):before,
.Ad_6 .ad-text-body-article:has(iframe):before {
 color: var(--gray-90);
 content: "PUBLICIDAD";
 font-size: 10px;
 position: absolute;
 top: 10px;
}

.Ad_1 .ad-text-body-article:has(iframe).amp:before,
.Ad_2 .ad-text-body-article:has(iframe).amp:before,
.Ad_3 .ad-text-body-article:has(iframe).amp:before,
.Ad_4 .ad-text-body-article:has(iframe).amp:before,
.Ad_5 .ad-text-body-article:has(iframe).amp:before,
.Ad_6 .ad-text-body-article:has(iframe).amp:before {
 content: "";
}

.body-article {
 color: var(--sub-headlines);
 font-size: 18px;
 letter-spacing: normal;
 line-height: 1.7;
}

.body-article .paragraph,
.body-article .text-element {
 font-weight: 300;
 margin: 0 0 16px;
 text-align: left;
}

.body-article .paragraph a,
.body-article .quote a,
.article-headline a,
.body-article .text-element a,
h2 a {
 word-wrap: break-word;
 color: red;
 font-weight: bold;
 -webkit-hyphens: auto;
 hyphens: auto;
 line-height: 1.6;
 overflow-wrap: break-word;
 text-decoration: underline;
}

.body-article .paragraph b,
.body-article .text-element b {
 font-weight: 700;
}

.body-article .paragraph .mark.hl_yellow,
.body-article .paragraph mark.hl_yellow,
.body-article .text-element .mark.hl_yellow,
.body-article .text-element mark.hl_yellow {
 background: rgba(var(--yellow-50), 0.5);
}

.body-article .paragraph .mark.hl_orange,
.body-article .paragraph mark.hl_orange,
.body-article .text-element .mark.hl_orange,
.body-article .text-element mark.hl_orange {
 color: var(--gray-110);
}

.body-article .paragraph .mark.hl_green,
.body-article .paragraph mark.hl_green,
.body-article .text-element .mark.hl_green,
.body-article .text-element mark.hl_green {
 color: var(--green-100);
}

.body-article .paragraph .mark.hl_red,
.body-article .paragraph mark.hl_red,
.body-article .text-element .mark.hl_red,
.body-article .text-element mark.hl_red {
 color: var(--red-100);
}

.body-article ol.list,
.body-article ul.list {
 font-weight: 300;
 line-height: 1.7;
 margin-bottom: 24px;
 padding: 0 16px;
 padding-inline-start: 0;
}

.body-article ol.list ol,
.body-article ol.list ul,
.body-article ul.list ol,
.body-article ul.list ul {
 padding-inline-start: 40px;
}

.body-article ol.list li,
.body-article ul.list li {
 list-style-type: none;
 margin-bottom: 24px;
 position: relative;
}

.body-article ol.list li:before,
.body-article ul.list li:before {
 background-color: var(--gray-90);
 border-radius: 50%;
 content: "";
 height: 10px;
 position: absolute;
 top: 9px;
 width: 10px;
}

.body-article ol.list span,
.body-article ul.list span {
 margin-left: 16px;
}

.body-article ol.list > li {
 counter-increment: item;
}

.body-article ol.list > li:before {
 align-items: center;
 background-color: var(--gray-80);
 border-radius: 50%;
 color: var(--white-100);
 content: counter(item);
 display: inline-flex;
 font-family: Roboto, sans-serif;
 font-size: 14px;
 font-weight: 300;
 height: 18px;
 justify-content: center;
 line-height: 1.3;
 text-align: center;
 top: 4px;
 width: 18px;
}

.body-article ol.list > li > span {
 margin-left: 24px;
}

.body-article .visual__image,
.body-article .visual__video {
 line-height: 0;
}

.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 {
 align-items: center;
 display: flex;
 flex-flow: row wrap;
}

.related-themes-icon {
 display: inline-block;
 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);
 display: inline-block;
 font-size: 16px;
 font-weight: 700;
 line-height: 100%;
 margin-bottom: 0;
 width: -moz-fit-content;
 width: fit-content;
}

.article-tags {
 align-items: center;
 display: flex;
 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;
}

.tag-section {
 align-items: center;
 display: flex;
}

.article-section-ctn {
 align-items: baseline;
 color: var(--gray-90);
 display: flex;
 justify-content: space-between;
 margin: 0 0 8px;
}

.article-section-tag {
 align-items: center;
 display: flex;
 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);
 display: block;
 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 .center {
 text-align: center;
}

.article-subheadline.article-subheadline-live-blogging,
.article-subheadline .left {
 text-align: left;
}

.author-title__container {
 border-bottom: 1px solid var(--gray-40);
 margin-bottom: 16px;
}

.author-title__data {
 flex-direction: column;
}

.author-image,
.author-title__data {
 align-items: center;
 display: flex;
 justify-content: center;
}

.author-image {
 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 {
 align-items: center;
 display: flex;
 flex-direction: column;
 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 {
 display: flex;
 height: 30px;
 justify-content: center;
 margin-top: 16px;
 width: 100%;
}

.author-title__divider {
 background-color: var(--gray-40);
 height: 1px;
 margin: 18px 0;
 width: 100%;
}

.author-title__icon {
 margin-right: 12px;
}

.author-title__icon i {
 display: flex;
}

.author-title__container > div:last-child {
 padding-bottom: 27px;
}

.author-title__about-title {
 font-size: 14px;
}

.author-title__about-text {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 400;
 line-height: 24px;
 text-align: center;
}

.author-image-header {
 border-radius: 100%;
 height: 32px;
 margin-left: -4px;
 margin-right: 0;
 width: 32px;
}

.author-image-header amp-img,
.author-image-header img {
 border-radius: 100px;
 border: 1px solid #d5d5d5;
 height: 32px;
 width: 32px;
}

.blockquote {
 margin-bottom: 24px;
}

.blockquote blockquote {
 border-left: 4px solid var(--orange-100);
}

.blockquote-imgs-ctn {
 height: 28px;
 position: relative;
 text-align: center;
}

.blockquote-imgs-ctn-bot,
.blockquote-imgs-ctn-top {
 height: 28px;
 width: 28px;
 z-index: 2;
}

.blockquote-imgs-ctn:before {
 background: var(--orange-100);
 content: "";
 display: block;
 height: 1px;
 left: 0;
 position: absolute;
 top: 50%;
 width: 100%;
 z-index: -1;
}

.color_figcaption {
 color: var(--gray-100);
 border-radius: 3px;
 font-size: 16px;
 font-weight: 700;
 line-height: 150%;
 margin: 10px 0;
 padding: 0 0 0 12px;
}

.box-info-title {
 display: flex;
 margin-bottom: 0;
 margin-top: 16px;
 text-align: center;
}

.cc-link,
.fc-link {
 font-weight: 500;
 font-size: 28px;
 line-height: 1.3;
}

.cc-link {
 margin-top: 0;
}

.box-info-test {
 left: 0;
 min-height: 186px;
 position: absolute;
 top: 0;
 flex-direction: column;
}

.box-info-content-values,
.box-info-test {
 width: 100%;
 display: flex;
 justify-content: center;
 align-items: center;
}

.box-info-content-values {
 gap: 22px;
}

.box-info-sub-content {
 display: flex;
 padding: 0 12px;
 text-align: center;
 gap: 6px;
 flex-direction: column;
 justify-content: center;
}

.box-info-value {
 font-size: 16px;
 font-weight: 300;
 line-height: 1.3;
 text-align: center;
}

.cc-val,
.fc-val {
 font-weight: 500;
 font-size: 28px;
 line-height: 1.2;
}

.fc-val-outlined {
 font-weight: 500;
 font-size: 28px;
 line-height: 120%;
}

.fc-val-outlined.price-large {
 font-size: 24px;
}

.cc-ctn {
 gap: 48px;
}

.box-info-percent {
 align-items: center;
 border-radius: 9px;
 display: flex;
 gap: 4px;
 justify-content: center;
 padding: 4px 8px;
}

.box-info-percent.cc-per,
.box-info-percent.fc-per {
 font-weight: 400;
 font-size: 14px;
}

.box-info-percent.fc-per {
 font-size: 18px;
}

.box-info-percent span:first-child {
 margin-right: 0;
}

.disabledLink {
 pointer-events: none;
 cursor: default;
}

.customTitle {
 flex-direction: column;
}

.customTitle > span {
 font-weight: 300;
 font-size: 24px;
}

.box-info-per-error-tag {
 border-radius: 9px;
 border: 1px solid #9b9b9b;
 color: #555;
 display: inline-flex;
 font-size: 16px;
 font-weight: 300;
 gap: 10px;
 line-height: 1.3;
 padding: 4px 8px;
 text-align: center;
}

.fc-title-outlined {
 margin: 0;
 padding: 16px 0;
 border-bottom: 1px solid #d5d5d5;
 justify-content: space-between;
 width: calc(100% - 42px);
}

.fc-title-outlined.fc-link {
 font-weight: 500;
 font-size: 18px;
 line-height: 130%;
}

.fc-percent-outlined {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.3;
}

.cc-percent-outlined,
.fc-percent-outlined {
 display: flex;
 flex-direction: row;
 align-items: center;
 gap: 4px;
 padding: 4px 8px;
 border: 0.5px solid;
 border-radius: 6px;
}

.cc-per-outlined-text {
 font-weight: 300;
 font-size: 14px;
 line-height: 1.3;
 color: #555;
}

.breaking-news {
 color: var(--white-100);
}

.breaking-news-link {
 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;
 flex-direction: row;
 width: 100%;
 min-height: 42px;
}

.byline,
.byline.byline-correspondent {
 display: flex;
 align-items: center;
}

.byline-correspondent-ctn {
 display: flex;
 flex-direction: column;
 gap: 6px;
 justify-content: center;
}

.byline-text-wrapper {
 align-items: center;
 display: flex;
 flex-direction: column;
 margin-left: 12px;
 width: 100%;
}

.byline-image-ctn {
 display: flex;
 margin-right: 12px;
}

.byline-full-width {
 justify-content: center;
}

.authors-name-txt-ctn {
 display: flex;
 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 {
 display: flex;
 border-radius: 9px;
 border: 1px solid var(--gray-50);
 flex-direction: column;
 margin: 36px 0;
 padding: 24px;
 width: 100%;
}

.card-review-score {
 align-items: center;
 display: flex;
 flex-direction: column;
 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 {
 align-items: center;
 color: #fff;
 display: flex;
 font-size: 49px;
 font-weight: 700;
 height: 100%;
 justify-content: center;
 line-height: 1.7;
 margin: 0;
}

.card-review-rating-platform {
 align-items: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 width: 100%;
}

.card-review-score-chip {
 align-items: center;
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 display: inline-flex;
 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,
.card-review-platform-ctn {
 align-items: center;
 display: flex;
 justify-content: center;
}

.card-review-chips-ctn {
 gap: 6px;
 flex-wrap: wrap;
}

.card-review-wrapper {
 align-items: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 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 {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
 justify-content: center;
}

.card-review-platform svg {
 margin-left: 8px;
}

.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);
 display: flex;
 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 0.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, 0.2);
 width: 166px;
}

.notification-toast__content {
 -moz-column-gap: 4px;
 column-gap: 4px;
 display: inline-flex;
 padding: 4px 8px;
}

.notification-toast__content img {
 height: 12px;
 margin-top: 3px;
 width: 12px;
}

.notification-toast__content a,
.notification-toast__content p {
 color: var(--gray-100);
 font-size: 14px;
 font-weight: 300;
 line-height: 130%;
}

.notification-toast__content a {
 cursor: pointer;
}

.notification-toast__content a:hover {
 color: var(--gray-80);
}

.notification-toast__btn {
 background-color: var(--white-100);
 border-radius: 50%;
 border: 1px solid var(--gray-70);
 color: var(--gray-70);
 font-size: 9px;
 height: 14px;
 padding: 0;
 position: absolute;
 right: -6px;
 top: -6px;
 width: 14px;
}

.notification-toast__btn:hover {
 cursor: pointer;
}

.notification-orange {
 background: var(--orange-0);
 border: 1px solid var(--orange-60);
}

.notification-orange:hover {
 background: var(--orange-10);
}

.notification-green {
 background: var(--green-10);
 border: 1px solid rgba(2, 132, 12, 0.7);
}

.notification-green:hover {
 background: #e6f3e7;
}

.notification-red {
 background: var(--red-10);
 border: 1px solid var(--red-20);
}

.notification-red:hover {
 background: #f7e6e6;
}

.tooltip-ctn,
.tooltip-ctn-reverse {
 background: #fde8cc;
 border-radius: 6px;
 border: 1px solid #f68e01;
 display: flex;
 justify-content: center;
 padding: 4px 8px;
 position: relative;
}

.tooltip-ctn-reverse:before,
.tooltip-ctn:before {
 border-bottom: 3px solid var(--orange-20);
 border-left: 1.5px solid transparent;
 border-right: 1.5px solid transparent;
 bottom: auto;
 content: "";
 display: inline-block;
 height: 0;
 left: calc(50% - 1px);
 position: absolute;
 top: -3px;
 width: 0;
 z-index: 51;
}

.tooltip-ctn-reverse:after,
.tooltip-ctn:after {
 border-bottom: 5px solid var(--orange-100);
 border-left: 2.5px solid transparent;
 border-right: 2.5px solid transparent;
 bottom: auto;
 content: "";
 display: inline-block;
 height: 0;
 left: calc(50% - 2px);
 position: absolute;
 top: -5px;
 width: 0;
 z-index: 50;
}

.tooltip-ctn.tooltip-ctn-reverse:before {
 border-bottom: none;
 border-top: 3px solid var(--orange-20);
 bottom: -3px;
 top: auto;
}

.tooltip-ctn.tooltip-ctn-reverse:after {
 border-bottom: none;
 border-top: 5px solid var(--orange-100);
 bottom: -5px;
 top: auto;
}

.tooltip-text {
 color: #3b3b3b;
 font-family: Roboto;
 font-size: 12px;
 font-weight: 400;
 line-height: 130%;
 text-align: center;
}

.success-tooltip {
 position: absolute;
}

.success-tooltip > .tooltip-ctn {
 border-radius: 6px;
 border: 1px solid var(--border-tooltip);
 padding: 6px;
 position: fixed;
 right: 16px;
 top: 103px;
 width: -moz-max-content;
 width: max-content;
 z-index: 40000;
}

.success-tooltip > .tooltip-ctn:before {
 border-bottom: 3px solid var(--orange-140);
 border-left: 1.5px solid transparent;
 border-right: 1.5px solid transparent;
 left: calc(82% + 1px);
}

.success-tooltip > .tooltip-ctn:after {
 border-bottom: 5px solid var(--orange-140);
 border-left: 2.5px solid transparent;
 border-right: 2.5px solid transparent;
 left: 82%;
}

.tooltip-identity .tooltip-ctn {
 display: none;
 left: 664px;
 max-width: 49px;
 top: -40px;
}

.dark-mode-btn {
 position: relative;
 width: 320px;
}

.dark-mode-btn__container {
 align-items: center;
 bottom: 0;
 display: flex;
 margin-left: auto;
 padding: 12px 27px;
 position: fixed;
 width: 100%;
 border-top: 1px solid var(--gray-40);
 z-index: 99999;
 justify-content: flex-end;
}

.dark-mode-btn__container,
.dark-mode-btn__container.dark-theme {
 background-color: var(--gray-0);
}

.dark-mode-btn__toggler {
 background-color: var(--gray-90);
 border-radius: 50px;
 cursor: pointer;
 display: flex;
 height: 22px;
 justify-content: space-between;
 align-items: center;
 width: 44px;
 position: relative;
}

.dark-mode-btn__circle {
 background-color: var(--white-100);
 border-radius: 100px;
 height: 16px;
 transform: translateX(0);
 transition: transform 0.2s linear;
 width: 16px;
 position: absolute;
 top: 3px;
 left: 4px;
 z-index: 0;
}

.dark-mode-btn__circle.dark-theme {
 background-color: var(--white-100);
 transform: translateX(20px);
}

.dark-mode-btn__text {
 color: #000;
 font-size: 20px;
 margin-left: 10px;
}

.dark-mode-btn__text.dark-theme {
 color: #fff;
}

.light-icon {
 left: 6px;
}

.dark-icon,
.light-icon {
 position: absolute;
 top: 5px;
 z-index: 999999;
}

.dark-icon {
 left: 26px;
}

.exchange-dolar.swiper {
 display: block;
 margin: 0 -16px 16px;
}

.exchange-dolar {
 display: none;
 margin-bottom: 16px;
}

.exchange-dolar-source-text {
 color: var(--gray-80);
 font-size: 12px;
 font-weight: 500;
 line-height: 1.3;
 overflow: hidden;
 padding: 6px;
 position: relative;
 text-align: center;
 z-index: 1;
}

.exchange-dolar-source-text:after,
.exchange-dolar-source-text:before {
 background-color: var(--gray-40);
 content: " ";
 height: 1px;
 margin-left: 8px;
 overflow: hidden;
 position: absolute;
 top: 50%;
 width: 50%;
}

.exchange-dolar-source-text:before {
 margin-left: calc(-50% - 8px);
 text-align: right;
}

.exchange-dolar-container {
 grid-gap: 0;
 border: 1px solid var(--gray-40);
 border-radius: 3px;
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(161px, 1fr));
}

.exchange-dolar-container.dark {
 background-color: var(--gray-110);
 border: 1px solid #444746;
}

.exchange-dolar-container-swiper .swiper-slide {
 width: -moz-max-content;
 width: max-content;
}

.exchange-dolar-container-swiper .swiper-slide:last-child .exchange-dolar-item {
 border-right: 1px solid var(--gray-40);
}

.exchange-dolar-container-swiper .exchange-dolar-item {
 border: 1px solid var(--gray-40);
 border-right: none;
 width: -moz-max-content;
 width: max-content;
}

.exchange-dolar-container-swiper .exchange-dolar-item:nth-child(odd) {
 border-right: none;
}

.exchange-dolar-container-swiper.dark {
 background-color: var(--gray-110);
}

.exchange-dolar-container-swiper.dark .exchange-dolar-item {
 background-color: var(--gray-110);
 border: 1px solid #444746;
}

.exchange-dolar-item {
 align-items: center;
 border-bottom: none;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 gap: 6px;
 justify-content: space-evenly;
 padding: 6px 12px;
}

.exchange-dolar-item.dark {
 background-color: var(--gray-110);
 border: 1px solid #444746;
}

.exchange-dolar-item:last-child {
 border-bottom: none;
}

.dolar-icon {
 align-items: center;
 display: flex;
 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;
 display: flex;
 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 {
 display: block;
 font-size: 24px;
 font-weight: 700;
 line-height: 1;
 color: var(--headlines);
}

.exchange-dolar-diff-ctn {
 align-items: center;
 display: flex;
 gap: 8px;
 justify-content: center;
 order: 1;
 width: 100%;
}

.exchange-dolar-diff-text {
 align-items: center;
 color: var(--gray-80);
 font-size: 12px;
 font-weight: 300;
 justify-content: center;
 line-height: 1;
}

.exchange-dolar-item:nth-child(odd) {
 border-right: 1px solid var(--gray-40);
}

.exchange-dolar-item:first-child,
.exchange-dolar-item:nth-child(2),
.exchange-dolar-item:nth-child(3),
.exchange-dolar-item:nth-child(4) {
 border-bottom: 1px solid var(--gray-40);
}

.exchange-dolar-ad {
 height: 74px;
 max-height: 74px;
}

.feed-column-container {
 background-color: var(--white-100);
 display: flex;
 flex-direction: column;
 margin-bottom: 16px;
 width: 100%;
}

.feed-column-articles-container {
 border-top: 1px solid var(--gray-40);
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin-top: 12px;
}

.feed-column-not-shown {
 border-top: none;
}

.feed-column-not-shown .feed-column-card:first-child > .headline-feed-column {
 margin-top: 0;
}

.feed-column-articles-devider {
 width: 100%;
 border-bottom: 1px solid var(--gray-40);
}

.feed-column-heading {
 align-items: center;
 background: var(--gray-10);
 border-bottom: 3px solid var(--orange-100);
 border-radius: 9px 9px 0 0;
 display: flex;
 font-size: 22px;
 font-weight: 700;
 gap: 10px;
 justify-content: center;
 line-height: 130%;
 margin: 0;
 padding: 18px 0;
 text-transform: uppercase;
}

.feed-column-heading .feed-column-icon > rect {
 stroke: var(--election-gray-40);
}

.feed-column-heading .feed-column-icon > path {
 fill: var(--orange-100);
}

.feed-column-heading.red {
 border-bottom-color: var(--red-permanent);
}

.feed-column-heading.red .feed-column-icon > path {
 fill: var(--red-permanent);
}

.feed-column-heading.green {
 border-bottom-color: var(--green-100);
}

.feed-column-heading.green .feed-column-icon > path {
 fill: var(--green-100);
}

.feed-column-heading.cyan {
 border-bottom-color: var(--cyan-100);
}

.feed-column-heading.cyan .feed-column-icon > path {
 fill: var(--cyan-100);
}

.feed-column-card {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 display: block;
 padding: 0;
}

.feed-story-card {
 border-radius: 0 0 3px 3px;
 display: grid;
 grid-template-rows: 1fr 0.5fr;
 text-align: center;
 width: 100%;
}

.feed-column-image {
 aspect-ratio: 16/9;
 border-radius: 0 0 3px 3px;
 position: relative;
}

.head-story {
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 color: var(--head-story-title);
 display: -webkit-box;
 overflow: hidden;
}

.head-story,
.headline-feed-column {
 font-size: 18px;
 font-weight: 700;
 line-height: 1.3;
}

.headline-feed-column {
 color: var(--headlines);
 margin: 16px 0;
}

.feed-column-detail-ctn {
 align-items: center;
 background-color: var(--dark-blue-100);
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 min-height: 130px;
 padding: 20px 12px;
 position: relative;
 width: 100%;
}

.feed-column-detail-ctn:before {
 content: "";
 background: linear-gradient(0deg, #202124 1.14%, transparent 50%);
 height: 100%;
 left: 0;
 position: absolute;
 top: -100%;
 width: 100%;
 z-index: 1;
}

.feed-column-detail-ctn a {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 margin-bottom: 12px;
 width: 100%;
}

.feed-column-detail-ctn p {
 color: var(--gray-10);
 font-size: 14px;
 white-space: nowrap;
}

.feed-list-wrapper .image-ph {
 border-radius: 3px;
}

.feed-list-wrapper > .ht-h1 {
 font-size: 22px;
 margin-bottom: 16px;
}

.feed-list-no-results {
 color: var(--gray-40);
 display: block;
 font-size: 30px;
 margin: 10px auto 30px;
 text-align: center;
}

.feed-list-card {
 border-bottom: 1px solid var(--gray-40);
 display: flex;
 flex-direction: column;
 margin-bottom: 16px;
 padding-bottom: 8px;
 width: 100%;
}

.feed-list-card-first .col2 {
 margin: 0 0 0 -16px;
 padding-top: calc(56.25% + 16px);
 width: calc(100% + 32px);
}

.feed-list-card-last {
 margin-bottom: 16px;
}

.feed-list-card-headline-lean {
 display: block;
 font-size: 20px;
 font-weight: 700;
 height: -moz-max-content;
 height: max-content;
 line-height: 1.2em;
 margin-bottom: 12px;
 max-height: -moz-max-content;
 max-height: max-content;
}

.feed-list-card-headline-lean-first {
 text-align: center;
}

.deck {
 color: var(--gray-90);
 display: inline-block;
 font-size: 14px;
 font-weight: 300;
 height: -moz-max-content;
 height: max-content;
 line-height: 1.5;
 margin-bottom: 12px;
}

.deck-first {
 text-align: center;
}

.feed-list-image {
 border-radius: 3px;
 height: auto;
 left: 0;
 margin-bottom: 0;
 position: absolute;
 top: 0;
 width: 100%;
 max-height: 100%;
}

.feed-list-image-first {
 border-radius: 0;
}

.col1 {
 display: grid;
 grid-column: col1;
 grid-template-rows: [row1] max-content [row2] max-content [row3];
}

.col2 {
 grid-column: col2;
 padding-top: 56.25%;
 position: relative;
 width: 100%;
}

.col2 > .image-ph {
 left: 0;
 margin: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

.feed-list-advertising {
 border-bottom: 1px solid var(--gray-40);
 margin-bottom: 16px;
 padding: 8px 0 24px;
}

.feed-list-advertising
 > .newsletter-card-horizontal.card-feed-list
 .newsletter-container-info
 .info
 .container-title
 .title {
 font-weight: 500;
}

.feed-list-advertising
 > .newsletter-card-horizontal.card-feed-list
 .newsletter-container-info
 .info
 .description {
 font-size: 14px;
 font-weight: 300;
}

.feed-list-wrapper > a.feed-list-read-more,
button.feed-list-read-more {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 25px;
 border: 1px solid var(--gray-50);
 color: var(--sub-headlines);
 cursor: pointer;
 display: flex;
 font-size: 16px;
 font-weight: 700;
 height: 43px;
 justify-content: center;
 margin-bottom: 40px;
 text-transform: uppercase;
 width: 100%;
}

.feed-list-wrapper > a.feed-list-read-more:hover,
button.feed-list-read-more:hover {
 background-color: var(--gray-10);
}

.feed-list-wrapper > a.feed-list-read-more:active,
button.feed-list-read-more:active {
 background-color: var(--gray-10);
 border-color: var(--gray-60);
}

.article-figcaption-img,
.article-figcaption-img-amp,
.article-figcaption-video,
.article-figcaption-video-amp {
 color: var(--gray-80);
 font-size: 16px;
 font-weight: 300;
 line-height: 1.5;
 margin: 12px 0 16px;
}

.article-figcaption-video,
.article-figcaption-video-amp {
 margin: 12px 16px 16px;
}

.blogbody-figcaption-img,
.blogbody-figcaption-img-amp,
.blogbody-figcaption-video,
.blogbody-figcaption-video-amp {
 color: var(--gray-80);
 display: block;
 font-size: 16px;
 font-weight: 300;
 line-height: 1.5;
 margin: 12px 0 16px;
}

.blogbody-figcaption-video,
.blogbody-figcaption-video-amp {
 margin: 12px 16px 16px;
}

.fotos-100 .body-article .article-figcaption-img {
 margin-left: 0;
 margin-right: 0;
}

.fotos-100 .article-figcaption-img {
 padding-left: 0;
 padding-right: 0;
}

.footer-ctn {
 background-color: #3b3b3b;
 color: #e8eaed;
 padding: 26px 24px 64px;
 position: relative;
 width: 100vw;
}

.footer-menu {
 border-bottom: 1px solid #d5d5d5;
 display: grid;
 grid-template-columns: 100%;
 width: 100%;
}

.footer-section {
 display: flex;
 flex-wrap: wrap;
 gap: 0;
 justify-content: center;
 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 {
 align-items: center;
 display: flex;
 flex-direction: column;
 font-size: 14px;
 padding: 0;
 width: 100%;
}

.logo-wrapper {
 display: flex;
 flex-direction: row;
 gap: calc(100% - 258px);
 justify-content: center;
 margin-bottom: 28px;
 max-width: 351px;
 width: 100%;
}

.logo-wrapper-amp {
 align-items: center;
 display: flex;
 height: 27.93px;
 margin-bottom: 26px;
 padding: 0;
 position: relative;
 width: 120px;
}

.social-media-buttons {
 display: inline-flex;
 gap: 12px;
 margin-top: 16px;
}

.copyright {
 display: flex;
 flex-direction: column;
 justify-content: center;
 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;
 display: flex;
}

.social-logo .svg-icon {
 height: 32px;
 width: 32px;
}

.social-logo .svg-icon path {
 fill: #e2e2e2;
}

.social-logo .svg-icon .svg-icon-border {
 stroke: #e2e2e2;
}

.social-logo:hover .svg-icon path {
 fill: var(--gray-10);
}

.social-logo:hover .svg-icon .svg-icon-bg {
 fill: var(--gray-60);
}

.social-logo:hover .svg-icon .svg-icon-border {
 stroke: var(--gray-10);
}

.foreign-item-ctn {
 align-items: center;
 border-radius: 6px;
 border: 1px solid var(--gray-40);
 display: flex;
 flex-direction: column;
 margin-bottom: 16px;
 position: relative;
 row-gap: 12px;
 min-height: 288px;
 width: 100%;
 overflow: hidden;
 justify-content: space-between;
}

.foreign-item-chart {
 max-height: 100px;
 position: relative;
 width: calc(100% + 4px);
}

.foreign-txt {
 font-size: 12px;
 font-weight: 400;
 line-height: 15px;
 align-items: center;
 justify-content: center;
 color: var(--gray-80);
}

.foreign-txt-lastest {
 bottom: 5px;
 position: absolute;
 text-align: center;
 font-weight: 300;
 width: 80px;
}

.ht-h1 {
 border-bottom: 1px solid var(--gray-40);
 font-weight: 700;
 font-size: 28px;
 line-height: 1.1;
 width: 100%;
 margin-bottom: 16px;
}

.ht-h1 a,
.ht-h1 span {
 border-bottom: 2px solid var(--orange-100);
 display: inline-block;
 margin-bottom: -3px;
}

.ht-h1 a.red,
.ht-h1 span.red {
 border-bottom-color: var(--red-permanent);
}

.ht-h1 a.green,
.ht-h1 span.green {
 border-bottom-color: var(--green-100);
}

.ht-h1 a.cyan,
.ht-h1 span.cyan {
 border-bottom-color: var(--cyan-100);
}

.ht-h1 a:first-letter,
.ht-h1 span:first-letter {
 text-transform: uppercase;
}

.ht-top {
 margin-top: 16px;
}

.home-body .ht-h1 {
 margin-top: 0;
}

.headline-title {
 color: var(--gray-especial-hl);
 font-size: 20px;
 line-height: 1.2;
}

.headline-live-dot {
 color: var(--red-100);
 font-size: 20px;
 margin-right: 3px;
}

.headline-class-h2 {
 color: var(--headlines);
 font-size: 20px;
}

.headline-class-h2,
.headline-class-h3 {
 font-weight: 700;
 line-height: 1.5;
 margin-bottom: 12px;
}

.headline-class-h3 {
 color: var(--gray-100);
 font-size: 18px;
}

.fotos-100 .headline-wrapper {
 padding: 0;
}

.identity-header.loading .identity-header-data-title {
 border-radius: 100px;
 height: 29px;
 width: 54px;
}

.identity-header.loading .identity-header-data-email {
 border-radius: 100px;
 width: 180px;
}

.identity-header.loading .identity-sign-out {
 border-radius: 100px;
 height: 22px;
 width: 22px;
}

.identity-header.loading .identity-menu {
 border-radius: 100px;
 height: 47px;
 width: 328px;
}

.identity-menu-item#savedVideos {
 animation: new 6s ease-in-out;
}

.identity-popup {
 align-content: center;
 background: rgba(0, 0, 0, 0.7);
 height: 100%;
 left: 0;
 overflow-y: scroll;
 padding: 16px;
 position: fixed;
 top: 0;
 z-index: 99999;
}

.identity-popup,
.popup-content {
 display: flex;
 justify-content: center;
 margin: auto;
 width: 100%;
}

.popup-content {
 align-items: center;
 background: var(--white-100);
 border: 1px solid var(--gray-40);
 border-radius: 16px;
 max-height: 100%;
 max-width: 407px;
 overflow: auto;
}

.popup-content::-webkit-scrollbar {
 background: transparent;
 width: 1px;
}

.popup-content::-webkit-scrollbar-track {
 background-color: transparent;
 border-radius: 0;
 margin-bottom: 15px;
 margin-top: 15px;
}

.popup-content::-webkit-scrollbar-thumb {
 background: #9b9b9b;
 border-radius: 10px;
 overflow: hidden;
}

.popup-content::-webkit-scrollbar-thumb:hover {
 background: #9b9b9b;
}

.login-form-keepme-ctn {
 align-items: center;
 display: flex;
}

.login-form-ctn {
 display: flex;
 flex-direction: column;
 height: auto;
 margin: auto;
 overflow-y: auto;
 padding: 16px;
 width: 100%;
}

.login-form-ctn * {
 font-family: Roboto, sans-serif;
}

.login-form-ctn > :last-child {
 margin-bottom: 0;
}

.login-form-ctn .identity-button-confirm {
 margin-bottom: 16px;
 max-height: 38px;
 width: 100%;
}

.login-form-ctn .identity-email-verification-description {
 color: var(--gray-100);
 font-size: 14px;
 font-weight: 300;
 line-height: 17px;
 margin-bottom: 16px;
 text-align: center;
}

.reset-form-ctn {
 display: flex;
 flex-direction: column;
 height: auto;
 margin: auto;
 padding: 15px 15px 25px;
 width: 100%;
}

.logo-bajalibros,
.reset-form-ctn > a {
 display: inline-flex;
 justify-content: center;
 width: 100%;
}

.reset-form-ctn > .bajalibros-by-infobae-svg {
 margin: 20px auto 40px;
}

.login-form-close-ctn {
 align-self: flex-end;
 background-color: var(--white-100);
 border: none;
 cursor: pointer;
 height: 12px;
 padding: 0;
}

.login-form-close-ctn svg {
 height: 12px;
 width: 12px;
}

.login-form-return-ctn {
 align-self: flex-start;
 background-color: var(--white-100);
 border: none;
 cursor: pointer;
 display: flex;
 height: 23px;
 padding: 0;
 width: 64px;
}

.login-return-button {
 align-items: center;
 color: var(--gray-60);
 display: flex;
 flex-direction: row;
 gap: 6px;
 height: 14px;
 justify-content: center;
}

.login-return-button .arrow {
 fill: var(--gray-60);
 color: var(--gray-60);
 height: 12px;
 transform: rotate(180deg);
}

.login-form-return-text {
 font-family: Roboto, serif;
 font-size: 14px;
 font-weight: 400;
 text-align: right;
}

.login-return-button:hover .login-form-return-text {
 color: var(--gray-80);
}

.login-return-button:hover .arrow {
 fill: var(--gray-80);
}

.login-form-text {
 align-items: flex-start;
 display: flex;
 flex-direction: column;
 gap: 6px;
 justify-content: center;
}

.login-form-legend {
 color: var(--gray-90);
 font-family: Roboto, serif;
 font-size: 14px;
 font-weight: 300;
 line-height: 1.3;
}

.login-form-legend-title {
 color: var(--gray-90);
 font-family: Roboto;
 font-size: 14px;
 font-style: normal;
 font-weight: 500;
}

.login-form-title {
 color: var(--headlines);
 font-size: 24px;
 font-style: normal;
 font-weight: 700;
 line-height: 1.3;
 margin: 8px 0;
 text-align: center;
}

.align-title {
 text-align: start;
}

.align-title,
.title-article {
 margin: 16px 0;
}

.login-form-info-text-container {
 align-items: center;
 border: 1px solid var(--orange-100);
 border-radius: 9px;
 display: flex;
 flex-direction: row;
 gap: 12px;
 justify-content: center;
 margin-bottom: 14px;
 padding: 12px;
}

.login-form-info-text-container svg {
 min-width: 32px;
}

.login-form-info-text-ctn {
 align-items: center;
 display: flex;
 flex-direction: row;
 justify-content: center;
 margin-bottom: 10px;
}

.login-form-info-text-ctn.email-sent {
 flex-direction: column;
}

.login-form-info-text-ctn strong {
 color: var(--gray-90);
 font-size: 16px;
 font-style: normal;
 font-weight: 700;
 line-height: 1.5;
 margin-top: 16px;
 text-align: center;
}

.sign-in-with-google-empty {
 min-height: 50px;
}

.login-form-info-text {
 color: var(--gray-90);
 font-size: 16px;
 font-style: normal;
 font-weight: 300;
 line-height: 1.5;
 text-align: center;
}

.login-form-inputs-ctn {
 display: flex;
 flex-direction: column;
 margin-bottom: 16px;
 row-gap: 10px;
}

.login-form-field-ctn {
 display: flex;
 flex-direction: column;
 margin-bottom: 6px;
 width: 100%;
}

.login-form-input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border: 1px solid var(--gray-50);
 border-radius: 8px;
 color: var(--gray-80);
 font-family: Roboto, serif;
 font-weight: 300;
 height: 32px;
 padding: 11px 12px;
}

.login-form-input:-ms-input-placeholder,
.login-form-input::-moz-placeholder,
.login-form-input::-webkit-input-placeholder,
.login-form-input::placeholder {
 color: var(--gray-60);
 font-size: 16px;
 font-style: normal;
 font-weight: 300px;
 line-height: 19px;
}

.login-form-input:active,
.login-form-input:focus {
 border: 1px solid var(--gray-60);
}

.login-form-input:active:-ms-input-placeholder,
.login-form-input:active::-moz-placeholder,
.login-form-input:active::-webkit-input-placeholder,
.login-form-input:active::placeholder,
.login-form-input:focus:-ms-input-placeholder,
.login-form-input:focus::-moz-placeholder,
.login-form-input:focus::-webkit-input-placeholder,
.login-form-input:focus::placeholder {
 border: 1px solid var(--gray-60);
 border-radius: 8px;
 color: var(--gray-80);
 font-size: 16px;
 font-style: normal;
 font-weight: 300px;
 line-height: 19px;
}

.login-form-input:hover:not(:focus):not(:active) {
 background-color: var(--gray-0);
}

.login-form-input:disabled {
 background-color: var(--gray-10);
 cursor: not-allowed;
}

.login-form-input:-webkit-autofill,
.login-form-input:-webkit-autofill:focus {
 -webkit-transition:
  background-color 600000s 0s,
  color 600000s 0s;
 transition:
  background-color 600000s 0s,
  color 600000s 0s;
}

.login-form-field-ctn .field-select .field-select-input.login-form-input {
 height: 32px;
}

.login-form-field-ctn .field-select:before {
 top: 23%;
}

.login-form-label {
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 1.3;
 margin-bottom: 4px;
 padding: 0 12px;
}

.login-form-field-error input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 border: 1px solid var(--red-100);
}

.error-span {
 color: var(--red-100);
 font-size: 12px;
 font-weight: 400;
 height: 16px;
 line-height: 1.3;
 margin-top: 4px;
 padding-left: 12px;
}

.login-form-switch {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 display: flex;
 height: 16px;
 position: relative;
 width: 28px;
}

.login-form-switch .login-form-input-checkbox {
 margin: 3px 3px 3px 4px;
}

.login-form-switch.login-form-input-checkbox {
 height: 0;
 opacity: 0;
 width: 0;
}

.login-form-slider {
 background-color: #777;
 bottom: 0;
 cursor: pointer;
 left: 0;
 position: absolute;
 right: 0;
 top: 0;
 transition: 0.4s;
}

.login-form-slider:before {
 background-color: var(--white-100);
 bottom: 2px;
 content: "";
 height: 12px;
 left: 2px;
 position: absolute;
 transition: 0.4s;
 width: 12px;
}

.login-form-input-checkbox:checked + .login-form-slider {
 background-color: var(--orange-60);
}

.login-form-input-checkbox:checked + .login-form-slider:before {
 transform: translateX(12px);
}

.login-form-round {
 border-radius: 100px;
}

.login-form-round:before {
 border-radius: 50%;
}

.login-form-support-options {
 align-items: center;
 display: flex;
 font-size: 14px;
 justify-content: space-between;
 line-height: 18px;
 margin-bottom: 16px;
}

.login-form-support-options button {
 background-color: var(--white-100);
 border: none;
 color: var(--gray-100);
 font-size: 14px;
 line-height: 17px;
}

.login-form-support-options button:hover {
 cursor: pointer;
}

.login-form-support-options-label {
 margin-left: 26px;
}

.login-form-support-options-btn,
.login-form-support-options-label {
 color: var(--gray-90);
 font-size: 14px;
 font-style: normal;
 font-weight: 300;
 line-height: 16px;
}

.login-form-support-options-btn:hover {
 cursor: pointer;
}

.login-form-agree-terms-ctn {
 align-items: center;
 display: flex;
 font-weight: 300;
 justify-content: space-between;
}

.login-form-agree-terms-ctn a {
 color: var(--gray-90);
 margin: 0 3px;
 text-decoration: underline;
}

.login-form-agree-terms-ctn-check-main {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 cursor: pointer;
 display: block;
 height: 14px;
 margin-right: 10px;
 position: relative;
 width: 14px;
}

.login-form-agree-terms-ctn-check-main input {
 visibility: hidden;
}

.login-form-agree-terms-ctn-check-main input:focus {
 border-radius: 50px;
}

.login-form-agree-terms-ctn-geekmark {
 background-color: var(--white-100);
 border: 1px solid var(--gray-60);
 border-radius: 3px;
 height: 14px;
 left: 0;
 position: absolute;
 top: 0;
 width: 14px;
}

.login-form-agree-terms-ctn-check-main
 input:active
 ~ .login-form-agree-terms-ctn-geekmark,
.main input:checked ~ .login-form-agree-terms-ctn-geekmark {
 background-color: var(--orange-60);
 border-radius: 3px;
}

.login-form-agree-terms-ctn-geekmark:after {
 content: "";
 display: none;
 position: absolute;
}

.login-form-agree-terms-ctn-check-main
 input[value="true"]
 ~ .login-form-agree-terms-ctn-geekmark:after {
 background-color: var(--orange-60);
 border-radius: 3px;
 display: block;
}

.login-form-agree-terms-ctn-check-main
 .login-form-agree-terms-ctn-geekmark:after {
 border: 1px solid var(--orange-60);
 border-radius: 3px;
 bottom: 1px;
 height: 8px;
 left: 1px;
 width: 8px;
}

.login-form-error {
 color: var(--red-100);
}

.login-form-error,
.login-form-success {
 font-size: 12px;
 font-weight: 300;
 line-height: 1.3;
 margin-bottom: 16px;
 text-align: center;
}

.login-form-success {
 color: var(--green-100);
}

.login-form-warning {
 color: var(--orange-100);
 font-size: 12px;
 font-weight: 300;
 line-height: 1.3;
 margin-bottom: 16px;
 text-align: center;
}

.login-form-or-ctn {
 align-items: center;
 display: grid;
 grid-template-columns: 1fr auto 1fr;
 margin-bottom: 16px;
}

.login-form-or-ctn div {
 background-color: #d5d5d5;
 height: 1px;
 width: 100%;
}

.login-form-or-ctn p {
 margin: 0 8px;
}

.login-form-need-registration {
 align-items: center;
 color: var(--gray-90);
 display: flex;
 font-size: 14px;
 font-style: normal;
 font-weight: 300;
 justify-content: center;
 line-height: 16px;
 margin-bottom: 0;
 margin-top: 4px;
}

.login-form-need-registration button {
 background-color: transparent;
 border: none;
 color: var(--sub-headlines);
 font-size: 14px;
 font-weight: 500;
 line-height: 16px;
 margin-left: 3px;
 padding: 0;
 text-decoration: underline;
 text-transform: uppercase;
}

.login-form-need-registration button:hover {
 cursor: pointer;
}

.login-form-tooltip-ctn {
 position: relative;
}

.login-form-tooltip,
.login-form-tooltip-ctn {
 pointer-events: none;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
}

.login-form-tooltip {
 display: inline-block;
 font-size: 12px;
 font-weight: 400;
 line-height: 18px;
 position: absolute;
 right: 10px;
 text-align: left;
 top: -115px;
 z-index: 1;
}

.login-form-bottom {
 margin-top: 5px;
}

.login-form-tooltip-arrow {
 border-bottom: 5px solid var(--bg-tooltip-password);
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 height: 0;
 left: -7px;
 position: absolute;
 top: 80%;
 transform: rotate(-90deg);
 width: 0;
}

.login-form-tooltip-label {
 background-color: var(--bg-tooltip-password);
 box-shadow: 0 2px 3px var(--shadow-tooltip-password);
 color: var(--white-100);
 padding: 10px;
 text-align: left;
}

.has-error {
 margin-bottom: 5px;
}

.login-form-social-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background-color: var(--white-100);
 border: 1px solid var(--border-btn-identity);
 border-radius: 100px;
 color: var(--sub-headlines);
 cursor: pointer;
 display: flex;
 font-family:
  Google Sans,
  arial,
  sans-serif;
 font-size: 14px;
 font-weight: 500;
 justify-content: center;
 line-height: 19px;
 margin: 0 auto 12px;
 max-width: 400px;
 padding: 9px 0 8px;
 width: 100%;
}

.login-form-social-button:hover {
 background-color: var(--bg-background-face);
 border-color: var(--border-btn-face);
 color: var(--color-txt-face);
}

.sign-in-with-google-button {
 margin-bottom: 12px;
}

.S9gUrf-YoZ4jf {
 display: flex;
 justify-content: center;
}

.login-form-icon-facebook,
.login-form-icon-google {
 margin-right: 6px;
}

.login-form-button-primary {
 align-items: center;
 background-color: var(--orange-20);
 border: none;
 border-radius: 100px;
 color: var(--sub-headlines);
 display: flex;
 font-size: 18px;
 font-weight: 400;
 height: 38px;
 justify-content: center;
 line-height: 21px;
 margin-bottom: 16px;
 padding: 10px 0;
 text-align: center;
 width: 100%;
}

.login-form-button-primary:active {
 background-color: var(--orange-20);
 cursor: pointer;
}

.login-form-button-primary:focus {
 background-color: var(--orange-40);
}

.login-form-button-primary:hover {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
 cursor: pointer;
 padding: 9px 0;
}

.login-form-button-secondary {
 align-items: center;
 background-color: var(--white-100);
 border: 1px solid var(--gray-50);
 border-radius: 100px;
 color: var(--gray-90);
 display: flex;
 font-size: 18px;
 font-weight: 400;
 height: 38px;
 justify-content: center;
 line-height: 21px;
 margin-bottom: 16px;
 padding: 9px 0;
 text-align: center;
 width: 100%;
}

.login-form-button-secondary:hover {
 background-color: var(--orange-10);
 cursor: pointer;
}

.identity-button-disabled {
 background-color: var(--gray-10);
 color: var(--text-color-continue);
}

.identity-button-disabled:hover {
 background-color: var(--gray-10);
 border: none;
 color: var(--text-color-disabled);
 cursor: not-allowed;
 padding: 10px 0;
}

.mt10 {
 margin-top: 10px;
}

.identity {
 margin-top: 12px;
 width: 100%;
}

.identity,
.identity-header {
 font-family: Roboto, sans-serif;
}

.identity-header-user-data {
 border-bottom: 1px solid var(--election-gray-40);
 display: flex;
 gap: 16px 20px;
 margin-bottom: 20px;
 padding-bottom: 12px;
 width: 100%;
}

.identity-header-data {
 display: grid;
 gap: 10px;
 grid-template: "title signout" auto "email signout" 22px / auto 20px;
 width: 100%;
}

.identity-header-data-title {
 color: var(--headlines);
 font-size: 22px;
 font-weight: 700;
 grid-area: title;
 line-height: 1.3;
}

.identity-header-data-email {
 align-items: center;
 color: var(--gray-90);
 display: flex;
 font-size: 16px;
 font-weight: 300;
 grid-area: email;
 line-height: 1.3;
}

.identity-sign-out {
 align-items: center;
 align-self: flex-end;
 background: none;
 border: none;
 cursor: pointer;
 display: flex;
 grid-area: signout;
 padding: 0;
}

.identity-sign-out > span {
 color: var(--gray-90);
 display: none;
 font-family: Roboto, sans-serif;
 font-size: 18px;
 font-weight: 400;
 margin-left: 8px;
}

.identity-sign-out > svg {
 height: 22px;
 width: 22px;
}

.identity-sign-out:focus {
 outline: none;
}

.identity-menu {
 background-color: var(--bg-menu);
 border-radius: 100px;
 display: flex;
 gap: 1.5px;
 height: 45px;
 margin: 16px auto 34px;
 overflow-x: auto;
 padding: 6px 8px;
}

.identity-menu::-webkit-scrollbar {
 display: none;
}

.identity-menu-gradient-right {
 background-image: linear-gradient(
  -90deg,
  var(--white-100),
  hsla(0, 0%, 100%, 0)
 );
 height: 55px;
 position: absolute;
 right: 16px;
 top: 230px;
 width: 45px;
}

.identity-menu-gradient-left {
 background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
 height: 55px;
 left: 16px;
 position: absolute;
 top: 230px;
 width: 45px;
}

.identity-menu-item {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 background: none;
 border: none;
 border-radius: 100px;
 color: var(--sub-headlines);
 cursor: pointer;
 font-family: Roboto, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.3;
 padding: 6px 12px;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 white-space: nowrap;
 width: auto;
}

.identity-menu-item:focus {
 outline: none;
}

.identity-menu-item:active {
 background-color: var(--gray-20);
}

.identity-menu-item-active {
 background-color: var(--orange-30);
 color: var(--headlines);
 font-weight: 500;
}

.identity-content-form {
 width: 100%;
}

.identity-content-setting-email.loading .field-input {
 border-radius: 100px;
 height: 42px;
}

.identity-form.loading {
 margin-bottom: 184px;
}

.identity-form.loading div {
 border-radius: 100px;
 height: 67px;
}

.identity-newsletter-feed-ctn.loading {
 padding: 15px 0 0;
}

.form-setting,
.form-setting-password {
 display: flex;
 flex-direction: column;
 gap: 20px;
 width: 100%;
}

.form-setting {
 margin-bottom: 32px;
}

.identity-form {
 display: grid;
 grid-template-columns: 100%;
 row-gap: 24px;
}

.field-container {
 display: flex;
 flex-direction: column;
 gap: 4px;
 position: relative;
}

.field-container .field-select-input {
 height: 32px;
 padding: 0 12px;
}

.field-label {
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 1.3;
 white-space: nowrap;
}

.field-input,
.field-label {
 font-family: Roboto;
 padding: 0 12px;
}

.field-input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: none;
 border: 1px solid var(--gray-50);
 border-radius: 8px;
 color: var(--gray-80);
 font-weight: 300;
 height: 32px;
 width: 100%;
}

.field-input::-webkit-input-placeholder,
.field-input::placeholder {
 color: var(--gray-50);
}

.field-input:active,
.field-input:focus {
 border: 1px solid var(--gray-60);
 color: var(--gray-80);
}

.field-input:hover:not(:focus):not(:active) {
 background-color: var(--gray-0);
 border: 1px solid var(--gray-50);
}

.field-input:-webkit-autofill,
.field-input:-webkit-autofill:focus {
 -webkit-transition:
  background-color 600000s 0s,
  color 600000s 0s;
 transition:
  background-color 600000s 0s,
  color 600000s 0s;
}

.field-input-disabled {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-color: var(--gray-10);
 border: 1px solid var(--gray-50);
 border-radius: 8px;
 color: var(--gray-60);
 cursor: not-allowed;
 font-family: Roboto;
 font-weight: 300;
 height: 32px;
 padding: 0 12px;
 width: 100%;
}

.identity-account-actions {
 height: 90px;
 margin: 32px auto;
}

.identity-button-confirm,
.identity-button-confirm-disabled {
 align-items: center;
 border: none;
 border-radius: 100px;
 cursor: pointer;
 display: flex;
 font-family: Roboto, sans-serif;
 font-size: 18px;
 height: 38px;
 justify-content: center;
 line-height: 1.3;
 margin: 0 auto;
 width: 100%;
}

.identity-button-confirm-disabled:has(.identity-saved),
.identity-button-confirm:has(.identity-saved) {
 background-color: var(--orange-40);
 border-color: var(--orange-40);
 color: var(--gray-90);
}

.identity-saved {
 align-items: center;
 display: flex;
}

.identity-button-confirm {
 background-color: var(--orange-20);
 border: 1px solid var(--orange-20);
 color: var(--gray-90);
}

.identity-button-confirm:hover {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
}

.identity-button-confirm:active {
 background-color: var(--orange-30);
 border-color: var(--orange-30);
}

.identity-button-confirm-disabled {
 background-color: var(--gray-10);
 color: var(--gray-60);
 cursor: not-allowed;
}

.message-identity-error {
 color: var(--orange-110);
 display: block;
 font-size: 12px;
 margin: 5px 0 36px;
 text-align: left;
}

.message-identity-error.form-error {
 font-size: 16px;
 line-height: 24px;
 text-align: center;
}

.message-identity-success {
 color: var(--green-100);
 display: block;
 font-size: 12px;
 margin: 5px 0 36px;
 text-align: left;
}

.message-identity-success.form-success {
 font-size: 16px;
 line-height: 24px;
 text-align: center;
}

.message-identity-helper {
 font-size: 16px;
 margin: 23px 0 27px;
}

.message-identity-helper .link {
 color: var(--orange-100);
 cursor: pointer;
}

.identity-upload-modal__title {
 font-size: 24px;
 margin-bottom: 30px;
 margin-top: 20px;
 text-align: center;
}

.identity-upload-modal__image-container {
 display: flex;
 height: 160px;
 justify-content: center;
 margin-bottom: 25px;
 width: 100%;
}

.identity-upload-modal__image--default {
 border-width: 0;
}

.identity-upload-modal__image {
 align-items: center;
 border-width: 5px;
 display: flex;
 height: 160px;
 justify-content: center;
 width: 160px;
}

.identity-upload-modal__image img {
 border: 2px solid var(--orange-100);
 border-radius: 50%;
 box-sizing: content-box;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 width: 100%;
}

.identity-upload-modal__requirement-container {
 font-size: 14px;
 font-weight: 300;
 line-height: 1.3;
 margin-bottom: 10px;
 text-align: center;
}

.identity-upload-modal__requirement-text {
 color: var(--gray-90);
}

.identity-upload-modal__requirement-text-error {
 color: var(--orange-100);
}

.identity-upload-modal__confirm-delete-avatar {
 color: #3b3b3b;
 font-size: 18px;
 font-weight: 300;
 margin-bottom: 30px;
 text-align: center;
}

.identity-upload-modal__container-buttons {
 -moz-column-gap: 15px;
 column-gap: 15px;
 display: grid;
 grid-template-columns: 1fr;
}

.newsletter-card-checkmark {
 fill: var(--gray-90);
}

.identity-upload-modal__button {
 align-items: center;
 background-color: var(--white-100);
 border: 1px solid var(--gray-50);
 border-radius: 100px;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 height: 40px;
 justify-content: center;
 margin-top: 15px;
 width: 100%;
}

.identity-upload-modal__button:hover {
 background-color: var(--orange-10);
}

.identity-upload-modal__button:active {
 background-color: var(--orange-10);
 border-color: var(--orange-60);
}

.react-datepicker {
 border-color: var(--gray-50);
 border-radius: 8px;
 box-shadow: var(--shadow-nav);
 display: flex;
 font-family: Roboto, sans-serif;
 margin: 0 auto;
 max-width: 243px;
 width: 100%;
}

.react-datepicker__header {
 background-color: var(--gray-10);
 border-top-left-radius: 8px;
 padding: 8px 0 2px;
}

.react-datepicker__header,
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
 border-top-right-radius: 8px;
}

.react-datepicker-popper {
 max-width: 100%;
 width: 100%;
}

.react-datepicker__month-container {
 background-color: var(--bg);
 border-color: var(--gray-10);
 border-radius: 8px;
 width: 100%;
}

.react-datepicker__month {
 border-color: var(--gray-10);
 margin: 4px 0.4rem 0;
}

.react-datepicker__month,
.react-datepicker__month-select option {
 background-color: var(--bg);
}

.react-datepicker__current-month,
.react-datepicker__navigation--next,
.react-datepicker__navigation--previous {
 display: none;
}

.react-datepicker__day {
 color: var(--gray-100);
 font-weight: 300;
}

.react-datepicker__day:hover {
 background-color: var(--gray-10);
 border-radius: 50%;
}

.react-datepicker__day-names {
 margin: 0 0.4rem;
}

.react-datepicker__day-name {
 color: var(--gray-100);
 font-family: Roboto, sans-serif;
 font-size: 12px;
 font-weight: 500;
 text-transform: uppercase;
}

.react-datepicker__day--selected {
 border-radius: 50%;
 color: var(--gray-100);
 font-weight: 400;
}

.react-datepicker__day--selected,
.react-datepicker__day--selected:hover {
 background-color: var(--orange-30);
}

.react-datepicker__day--keyboard-selected {
 background-color: var(--orange-10);
 border-radius: 50%;
}

.react-datepicker__day--disabled {
 color: var(--gray-50);
 font-weight: 300;
}

.react-datepicker__day--disabled:hover {
 background-color: transparent;
}

.react-datepicker__month-select,
.react-datepicker__month-select > option {
 text-transform: capitalize;
}

.react-datepicker__header__dropdown {
 display: flex;
 justify-content: space-evenly;
}

.react-datepicker__month-dropdown-container,
.react-datepicker__year-dropdown-container {
 background-color: var(--white-100);
 position: relative;
}

.react-datepicker__month-dropdown-container > select,
.react-datepicker__year-dropdown-container > select {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-color: transparent;
 border-color: var(--gray-50);
 border-radius: 3px;
 color: var(--gray-80);
 display: flex;
 font-family: Roboto;
 font-size: 14px;
 font-weight: 300;
 height: 28px;
 outline: none;
 padding: 0 24px 0 6px;
 position: relative;
 z-index: 1;
}

.react-datepicker__month-dropdown-container > select:active,
.react-datepicker__month-dropdown-container > select:focus,
.react-datepicker__year-dropdown-container > select:active,
.react-datepicker__year-dropdown-container > select:focus {
 font-size: 14px;
}

.react-datepicker__month-dropdown-container:after,
.react-datepicker__year-dropdown-container:after {
 border-color: transparent;
 border-left: 1px solid transparent;
 border-bottom: 1px solid var(--gray-60);
 border-right: 1px solid var(--gray-60);
 border-top: 1px solid transparent;
 content: "";
 height: 6px;
 position: absolute;
 right: 10px;
 top: 8px;
 transform: rotate(45deg);
 width: 6px;
 z-index: 0;
}

.react-datepicker__day-names,
.react-datepicker__week {
 display: flex;
 justify-content: space-between;
}

.identity-email-verification {
 align-items: center;
 display: flex;
 flex-direction: column;
 gap: 40px;
 margin: 9vh auto 15vh;
 max-width: 540px;
 width: 100%;
}

.identity-email-verification-content {
 border: 1px solid var(--gray-40);
 border-radius: 4px;
 display: flex;
 flex-direction: column;
 gap: 16px;
 margin: 0 auto;
 padding: 20px;
 width: 100%;
}

.identity-email-verification-content .field-label,
.identity-email-verification-content .identity-email-verification-description,
.identity-email-verification-content .identity-header-data-title {
 text-align: center;
}

.identity-email-verification-description {
 font-size: 16px;
}

.identity-email-error {
 color: var(--red-90);
 line-height: 1.3;
}

.identity-loader {
 animation: spinner 1.1s linear infinite;
 border-radius: 50%;
 border: 3px solid transparent;
 border-top: 3px solid var(--orange-110);
 height: 24px;
 margin: 0 auto;
 width: 24px;
}

@keyframes spinner {
 0% {
  transform: rotate(0deg);
 }

 to {
  transform: rotate(1turn);
 }
}

.field--upload-avatar {
 align-items: center;
 cursor: pointer;
 display: flex;
 height: 36px;
 justify-content: space-between;
 line-height: 19px;
}

.field--upload-avatar p {
 font-size: 16px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: 85%;
}

.field--upload-avatar img {
 width: 15px;
}

.field--upload-avatar--without-avatar,
.field--upload-avatar--without-avatar.disabled {
 color: var(--gray-50);
}

@keyframes new {
 15% {
  background-color: var(--orange-30);
  transition: all 1s ease-in-out;
 }

 30% {
  background-color: var(--gray-20);
  transition: all 1s ease-in-out;
 }

 45% {
  background-color: var(--orange-30);
  transition: all 1s ease-in-out;
 }

 60% {
  background-color: var(--gray-20);
  transition: all 1s ease-in-out;
 }

 75% {
  background-color: var(--orange-30);
  transition: all 1s ease-in-out;
 }

 to {
  background-color: var(--gray-20);
  transition: all 1s ease-in-out;
 }
}

.field-select {
 height: auto;
 position: relative;
 width: 100%;
 outline: none;
 margin-bottom: 20px;
}

.field-select > label {
 position: absolute;
 left: 10px;
 padding: 0 5px;
 background-color: var(--white-100);
 color: #777;
 font-size: 14px;
 pointer-events: none;
 transition:
  top 0.1s ease-in-out,
  font-size 0.1s ease-in-out;
 display: flex;
 align-items: center;
 top: 50%;
 transform: translateY(-50%);
}

.field-select-outlined.outlined-error:before {
 top: 12px;
 border-color: var(--red-100);
}

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

.field-select:focus-within:before {
 border-color: var(--gray-90);
}

.field-select-input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: none;
 border-radius: 8px;
 border: 1px solid var(--border-input);
 color: var(--color-text-input);
 cursor: pointer;
 font-family: Roboto;
 font-size: 16px;
 font-weight: 400;
 line-height: 20px;
 padding: 11px 12px;
 text-indent: 0;
 width: 100%;
}

.field-select-input::-webkit-input-placeholder,
.field-select-input::placeholder {
 color: var(--gray-90);
}

.field-select-input:active,
.field-select-input:focus {
 border: 1px solid var(--gray-60);
 color: var(--gray-80);
}

.field-select-input:hover:not(:focus):not(:active) {
 background-color: var(--gray-0);
 border: 1px solid var(--gray-50);
}

.field-select [name="hovered"] {
 background-color: var(--gray-10);
}

.field-select-list-ctn,
.field-select-list-ctn-hide {
 border-radius: 8px;
 border: 1px solid var(--gray-50);
 margin-top: 10px;
 overflow: hidden;
 position: absolute;
 width: 100%;
 z-index: 100;
}

.field-select-list-ctn-hide {
 display: none;
}

.field-select-list {
 background: var(--white-100);
 border-radius: 8px;
 font-size: 16px;
 margin: 0;
 max-height: 180px;
 overflow-y: auto;
 padding: 0;
}

.field-select-list::-webkit-scrollbar {
 background: #888787;
 width: 1px;
}

.field-select-list::-webkit-scrollbar-track {
 border-radius: 0;
 background-color: var(--gray-10);
}

.field-select-list::-webkit-scrollbar-thumb {
 background: #9b9b9b;
 border-radius: 10px;
 overflow: hidden;
}

.field-select-list::-webkit-scrollbar-thumb:hover {
 background: #9b9b9b;
}

.field-select-item {
 list-style: none;
}

.field-select-no-opt,
.field-select-opt {
 background: none;
 border: none;
 color: var(--gray-80);
 cursor: default;
 display: block;
 font: inherit;
 font-weight: 300;
 line-height: 30px;
 outline: inherit;
 padding: 0;
 text-align: start;
 text-indent: 10px;
 width: 100%;
}

.field-select-opt:hover {
 background-color: var(--gray-10);
}

.field-select-no-opt {
 color: var(--gray-50);
 text-indent: 0;
 text-align: center;
}

.field-select [value="true"] {
 background-color: var(--orange-30);
 color: var(--gray-80);
 font-weight: 400;
}

.field-select-has-content > label,
.field-select-input:focus + label {
 top: 0;
 font-size: 12px;
}

.image-header-ctn {
 border-radius: 3px;
 display: flex;
 justify-content: center;
 margin: 0 auto 12px;
 position: relative;
 width: 100%;
}

.image-header-img {
 border-radius: 3px;
 height: auto;
 margin: 0 auto;
 -o-object-fit: contain;
 object-fit: contain;
 width: 100%;
}

.jwplayer-ctn {
 margin: 0 -16px 10px;
 padding-top: calc(56.25% + 16.88px);
 position: relative;
 transform: none;
 width: calc(100% + 32px);
}

.jwplayer-ctn > 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;
 display: flex;
 flex-direction: column;
 margin-bottom: 24px;
 width: 100%;
 border: 1px solid var(--gray-40);
 border-radius: 6px;
 padding: 0 12px 12px;
}

.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;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 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 {
 display: flex;
 flex-direction: column;
 margin: 8px 0;
 gap: 6px;
}

.latest-feed-special-card-container {
 width: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}

.latest-feed-special-card-container .latest-feed-special-content-container {
 display: flex;
 justify-content: space-between;
 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 {
 margin: 0 auto 16px;
 max-width: 1236px;
 padding: 0;
 width: 100%;
}

.article-main-full-width .article-figcaption-img,
.article-main-full-width .article-figcaption-img-amp,
.article-main-full-width .article-tags-container,
.article-main-full-width .feed-list-wrapper {
 margin-left: 16px;
 margin-right: 16px;
}

.article-main-full-width .paragraph,
.article-main-full-width .text-element {
 padding: 0 16px;
}

.article-main-full-width .jwplayer-ctn {
 margin: 0 0 10px;
 padding-top: 56.25%;
 width: 100%;
}

.article-main-full-width .visual__image.image-full-width > img {
 border-radius: 3px;
}

.minibody {
 grid-column-gap: 20px;
 display: grid;
 grid-template-columns: repeat(12, 1fr);
}

.inner_minibody {
 grid-column: span 12;
}

.minibody-right-rail {
 grid-column: span 12;
 width: 100%;
}

.article,
.article-width-right-rail {
 flex: 1;
 grid-area: article;
 padding: 0;
 width: 100%;
 z-index: auto;
 height: -moz-fit-content;
 height: fit-content;
}

.article-bottom-856 {
 margin: auto;
 padding: 0 16px;
}

.home-body {
 margin: 0 auto;
 padding-top: 16px;
 width: 100%;
}

.bottom {
 margin: auto;
 width: 100%;
}

.span-rail {
 display: none;
}

.span-section {
 position: fixed;
 top: 110px;
 z-index: 1000;
}

.article-section,
.article-section-no-ads {
 display: flex;
 flex-direction: column;
}

.article-section-photos {
 margin: auto;
 max-width: 1236px;
 padding: 0 16px;
}

.article-header-wrapper {
 grid-area: header;
 width: 100%;
}

.right-rail {
 border-radius: 3px;
 width: 100%;
 height: -moz-fit-content;
 height: fit-content;
}

.header-full-width {
 margin: 0 auto;
 max-width: 1236px;
 padding: 0 16px;
 width: 100%;
}

.article-amp-layout .top {
 margin-top: 55px;
}

.header-layout {
 display: grid;
 grid-template-columns: repeat(12, 1fr);
 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 .header-layout-content-child {
 padding: 0;
}

.article-right-rail-centered-layout {
 display: flex;
 flex-direction: column;
 height: 100%;
 width: 100%;
}

.article-right-rail-centered-content {
 display: flex;
 flex-direction: column;
 justify-content: space-evenly;
 width: 100%;
}

.article-right-rail-centered-layout-body {
 flex: 1;
 max-width: 1236px;
}

.article-right-rail-centered-left-span,
.article-right-rail-centered-right-span {
 display: none;
}

.article-right-rail-centered:has(.sport-live-events) .top {
 margin-top: 0;
}

.article-right-rail-centered:has(.sport-live-events)
 .header-layout-content-child {
 padding: 0;
}

.sport-events-body.page-container,
.sport-events-body.page-container-centered-1168,
.sport-events-body.page-container-centered-1600,
.sport-events-body.page-container-liveblogging {
 margin: 0;
 max-width: 100%;
 padding: 0;
 width: 100%;
}

.sport-events.content-section {
 position: relative;
}

.sport-events-left-rail {
 display: none;
 height: 600px;
 left: 0;
 position: fixed;
 top: 180px;
 width: 250px;
 z-index: 1;
}

.sport-events-left-rail .ad-megalateral {
 position: inherit;
}

.sport-events-right-rail {
 display: none;
 height: 600px;
 position: fixed;
 right: 0;
 top: 180px;
 width: 250px;
 z-index: 1;
}

.sport-events-right-rail .ad-megalateral {
 position: inherit;
}

.article-with-rails .left-rail,
.article-with-rails .right-rail {
 display: none;
}

.video-layout .top-home {
 margin-top: 0;
}

.video-layout .video .content-section {
 position: relative;
}

.video-layout .video-body.page-container,
.video-layout .video-body.page-container-centered-1168,
.video-layout .video-body.page-container-centered-1600,
.video-layout .video-body.page-container-liveblogging {
 margin: 0 auto;
 max-width: 1204px;
 padding: 0;
 width: 100%;
}

.video-layout .video-body.page-container-centered-1168 .default-chain-ctn,
.video-layout .video-body.page-container-centered-1168 .five-cards-chain,
.video-layout .video-body.page-container-centered-1168 .otf-chain,
.video-layout
 .video-body.page-container-centered-1168
 .three-elements-chain-ctn,
.video-layout .video-body.page-container-centered-1600 .default-chain-ctn,
.video-layout .video-body.page-container-centered-1600 .five-cards-chain,
.video-layout .video-body.page-container-centered-1600 .otf-chain,
.video-layout
 .video-body.page-container-centered-1600
 .three-elements-chain-ctn,
.video-layout .video-body.page-container-liveblogging .default-chain-ctn,
.video-layout .video-body.page-container-liveblogging .five-cards-chain,
.video-layout .video-body.page-container-liveblogging .otf-chain,
.video-layout .video-body.page-container-liveblogging .three-elements-chain-ctn,
.video-layout .video-body.page-container .default-chain-ctn,
.video-layout .video-body.page-container .five-cards-chain,
.video-layout .video-body.page-container .otf-chain,
.video-layout .video-body.page-container .three-elements-chain-ctn {
 margin: 0 auto;
 max-width: 1204px;
 padding: 0 16px;
 width: 100%;
}

.video-layout .video-body.page-container-centered-1168 .otf-chain,
.video-layout .video-body.page-container-centered-1600 .otf-chain,
.video-layout .video-body.page-container-liveblogging .otf-chain,
.video-layout .video-body.page-container .otf-chain {
 padding-bottom: 24px;
}

.video-layout .video-special-1,
.video-layout .video-special-2 {
 width: 100%;
}

.video-layout .video-body-bottom,
.video-layout .video-body-middle {
 margin: 0 auto;
 max-width: 1204px;
 width: 100%;
}

.external-register-layout .register-body.page-container,
.external-register-layout .register-body.page-container-centered-1168,
.external-register-layout .register-body.page-container-centered-1600,
.external-register-layout .register-body.page-container-liveblogging {
 margin: 0 auto;
 max-width: 1204px;
 padding: 0;
 width: 100%;
}

.most-read-sticky .most-read {
 position: none;
}

.livebar {
 height: auto;
 width: 100%;
}

.livebar-ctn {
 color: #fff;
 display: flex;
 flex-direction: row;
 gap: 12px;
 justify-content: center;
 padding: 12px 0;
}

.livebar-ctn-info {
 order: 2;
}

.livebar-ctn-info-live {
 align-items: center;
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 margin-bottom: 6px;
}

.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: 130%;
 margin-bottom: 12px;
}

.livebar-ctn-info-headlines_desc {
 font-size: 14px;
 font-weight: 300;
 line-height: 150%;
}

.livebar-ctn_video {
 position: relative;
 cursor: pointer;
 height: 78px;
 order: 2;
 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: 0.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: none;
 border-radius: 3px;
 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(../images/arrow-circle-right.svg);
 height: 18px;
 transform: translateY(3px);
 width: 18px;
}

.live-notice-link-old .close-wrapper {
 top: 50%;
 transform: translateY(-50%);
}

.live-notice {
 display: flex;
}

.live-notice-sticky {
 position: -webkit-fixed;
 position: fixed;
 width: 100%;
 z-index: 99;
 padding-left: 16px;
 padding-right: 16px;
}

.live-notice-body {
 padding-right: 0;
 width: 100%;
}

.live-notice-link {
 align-items: center;
 color: #fff;
 font-size: 16px;
 gap: 16px;
 display: flex;
 line-height: 1.3;
 min-height: 66px;
 padding: 12px 0;
 text-align: left;
 width: 100%;
}

.live-notice-link a:active,
.live-notice-link a:focus,
.live-notice-link a:hover,
.live-notice-link a:visited {
 -webkit-text-decoration-color: var(--color-white-100);
 text-decoration-color: var(--color-white-100);
}

.live-notice-link-badge-theme-1 {
 width: 95px;
}

.live-notice-link-badge-theme-1,
.live-notice-link-badge-theme-2 {
 align-items: center;
 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: #fff;
}

.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 {
 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-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: 60px;
}

.login-register-container {
 align-items: center;
 display: flex;
 grid-column: 3/4;
 justify-content: flex-end;
 justify-self: flex-end;
 width: auto;
}

.content-button {
 display: none;
}

.identity-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 cursor: pointer;
 font-family: Roboto, sans-serif;
}

.primary,
.primary-podcast,
.secondary,
.secondary-podcast {
 border: 1px solid var(--orange-50);
 border-radius: 100px;
 color: var(--button-alert-text);
 font-size: 14px;
 font-weight: 400;
 height: 32px;
 padding: 0;
 text-transform: uppercase;
 white-space: nowrap;
 width: -moz-fit-content;
 width: fit-content;
}

.primary-podcast,
.secondary-podcast {
 color: #c4c7c5;
}

.secondary {
 background-color: var(--white-100);
 border: 1px solid var(--gray-50);
}

.secondary:active,
.secondary:hover {
 background: var(--orange-10);
}

.secondary:active {
 border: 1px solid var(--orange-50);
}

.primary {
 background: var(--orange-20);
 border: 1px solid var(--orange-20);
}

.primary:hover {
 background: var(--orange-10);
 border-color: var(--orange-50);
}

.primary:active {
 background: var(--orange-40);
}

.secondary-podcast {
 background-color: #1c1b1f;
 border: 1px solid #5f6368;
}

.secondary-podcast:active,
.secondary-podcast:hover {
 background: rgba(246, 142, 1, 0.1019607843);
}

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

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

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

.primary-podcast:active {
 background: rgba(246, 142, 1, 0.4);
}

.user-default-avatar {
 border-radius: 100px;
 height: 32px;
 width: 32px;
 background-color: var(--background-icon-avatar);
}

.user-default-avatar path {
 fill: var(--color-icon-avatar);
}

.account-button {
 border: none;
 cursor: pointer;
 flex-direction: row-reverse;
 outline: none;
 width: auto;
}

.account-button,
.account-button__avatar {
 align-items: center;
 background-color: var(--white-100);
 display: flex;
 height: 32px;
 justify-content: center;
 padding: 0;
}

.account-button__avatar {
 border-radius: 50%;
 overflow: hidden;
 position: relative;
 width: 32px;
}

.account-button__avatar:after {
 align-items: center;
 color: var(--white-100);
 content: var(--content);
 display: flex;
 font-size: var(--font-size);
 font-weight: 600;
 height: 100%;
 justify-content: center;
 width: 100%;
}

.account-button__avatar--logged-in {
 border: 1px solid var(--orange-100);
}

.account-button__avatar > img {
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 width: 100%;
}

.account-button > span {
 color: var(--color-text-perfil);
 display: none;
}

.account-button--logged-in > img {
 border: 1px solid var(--orange-100);
 height: 32px;
 width: 32px;
}

.account-button--mobile {
 padding: 0;
}

.account-button--mobile > .account-button__avatar {
 margin-right: 0;
}

.account-button--mobile > .account-button__avatar img {
 background: var(--white-100);
}

.account-button-chevron-icon {
 display: none;
}

.site-header {
 box-shadow: var(--shadow-nav);
 overflow: hidden;
 width: 100%;
 z-index: 1999;
}

.sectionnav-container {
 border: 1px solid var(--gray-40);
 border-left: none;
 border-right: none;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
}

.sectionnav-container,
.sectionnav-container-bajalibros {
 align-items: center;
 height: 56px;
 overflow: hidden;
 padding: 0 16px;
 position: relative;
}

.sectionnav-container-bajalibros {
 border: 1px var(--gray-40);
 border-left: none;
 border-right: none;
 display: flex;
 justify-content: center;
}

.sectionnav-container-bajalibros a {
 color: var(--gray-80);
 cursor: pointer;
}

.sectionnav-container-bajalibros-ctn {
 align-items: center;
 display: flex;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 gap: 6px;
 width: -moz-max-content;
 width: max-content;
}

.sticky-navbar-ad-container,
.sticky-navbar-ad-container-podcast {
 min-height: 55px;
}

.sticky-navbar-ad-container-podcast {
 background: var(--gray-110);
}

.sticky-navbar-ad-container-adblock {
 min-height: 55px;
}

.site-header-amp {
 border-bottom: 1px solid var(--gray-40);
 height: 56px;
 width: 100%;
}

.dark-podcast .site-header-amp {
 background-color: #1c1b1f;
 border-bottom: 1px solid #444746;
 border-top: 1px solid #444746;
 box-shadow: 0 2px 5px hsla(0, 0%, 89%, 0.15);
}

.sectionnav-container > a {
 -o-transition:
  all 0.5s,
  opacity 0.5s;
 -moz-transition:
  all 0.5s,
  opacity 0.5s;
 -webkit-transition:
  all 0.5s,
  opacity 0.5s;
 display: block;
 grid-column: 2/3;
 justify-self: center;
 transition:
  width 0.5s,
  opacity 0.5s;
}

.site-logo {
 visibility: hidden;
}

.amp-logo {
 left: 0;
 opacity: 1;
 right: 0;
 visibility: visible;
}

.amp-site-logo {
 height: 32px;
 margin: 10.5px auto;
 position: absolute;
 top: 0;
 width: 150px;
}

.dark-podcast .amp-site-logo {
 height: 36px;
 width: 154px;
}

.site-logo.visible {
 opacity: 1;
 visibility: visible;
}

.hamburger {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 cursor: pointer;
 display: flex;
 grid-column: 1/2;
 height: 19px;
 justify-content: center;
 justify-self: flex-start;
 outline: none;
 position: static;
 transition: 0.2s;
 width: 28px;
 z-index: 10;
}

.amp-hamburger {
 height: 100%;
 margin-left: 16px;
}

.hamburger .close-icon {
 display: none;
}

.hamburger.open svg {
 height: 19px;
 overflow: visible;
 width: 19px;
}

.hamburger.open .hamburger-icon {
 display: none;
}

.hamburger.open .close-icon {
 display: block;
}

.hamburger svg {
 height: 19px;
 width: 28px;
}

.hamburger svg line {
 fill: none;
 stroke-miterlimit: 10;
 stroke-width: 4px;
 stroke: var(--black-100);
}

.date-info {
 color: var(--headlines);
 display: none;
 font-size: 16px;
 padding-top: 2px;
}

.date-info,
.section-menu {
 -o-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -webkit-transition: all 0.5s;
 transition: width 0.5s;
}

.section-menu {
 display: flex;
 gap: 32px;
}

.section-menu.text-center {
 justify-content: center;
}

.menu-item {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 color: var(--gray-100);
 display: flex;
 font-size: 16px;
 font-weight: 500;
 height: 100%;
 letter-spacing: 0;
 white-space: nowrap;
}

.menu-item:hover {
 color: var(--gray-80);
}

.search-container {
 height: 45px;
 margin: 0;
 overflow: hidden;
 right: 15px;
 text-align: left;
 top: 0;
 width: 22px;
}

.logo-image {
 height: 36px;
 width: 154px;
}

.masthead-navbar .dark-podcast .side-menu.slide-open {
 height: 94vh;
}

.dark-podcast .side-menu {
 background-color: #202124;
 color: #c4c7c5;
}

.notification-toast-ctn {
 background-color: #fde8cc;
 border-radius: 4px;
 color: #1f1f1f;
 display: none;
 font-size: 14px;
 font-weight: 300;
 height: 52px;
 padding: 8px 12px;
 width: 200px;
}

.notification-toast-btn {
 background-color: #fff;
 border: 1px solid #d5d5d5;
 border-radius: 50%;
 color: #9b9b9b;
 display: none;
 height: 24px;
 position: absolute;
 right: -11px;
 top: -11px;
 width: 24px;
}

.notification-toast-btn:hover {
 cursor: pointer;
}

.avatar-ctn,
.user-default-avatar-ctn {
 position: relative;
}

.dot-ctn,
.dot-ctn-default {
 background-color: var(--white-100);
 position: absolute;
 content: "";
 width: 12px;
 height: 12px;
 border-radius: 50%;
 right: -1px;
}

.dot-ctn {
 bottom: -1px;
}

.dot-ctn-default {
 bottom: 1px;
}

.dot,
.dot-default {
 position: absolute;
 content: "";
 width: 10px;
 height: 10px;
 background-color: var(--orange-100);
 border-radius: 50%;
 z-index: 10;
 bottom: 1px;
 right: 1px;
}

.nav-player-audio {
 display: none;
}

.minute-by-minute-ctn {
 border-bottom: 1px solid var(--gray-40);
 margin-bottom: 16px;
 padding-bottom: 16px;
 position: relative;
 width: 100%;
}

.minute-by-minute-ctn > .nd-ht-23 {
 margin-bottom: 8px;
}

.minute-by-minute-title {
 border-bottom: 1px solid var(--gray-40);
 height: 27px;
 margin-bottom: 18px;
 position: relative;
}

.minute-by-minute-title > h2 {
 display: inline;
 font-size: 22px;
 font-weight: 500;
 height: 28px;
 margin-bottom: 0;
 position: absolute;
}

.minute-by-minute-news {
 height: calc(100% - 61px);
 width: 100%;
}

.minute-by-minute-news-large {
 height: calc(100% - 18px);
}

.minute-by-minute-new {
 display: grid;
 grid-template: "marker time" auto "marker title" auto/20px 1fr;
}

.minute-by-minute-marker {
 grid-area: marker;
 height: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.minute-by-minute-marker > div:first-child {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 6px;
 display: flex;
 height: 12px;
 justify-content: center;
 min-height: 12px;
 width: 12px;
}

.minute-by-minute-marker > div:first-child > div {
 border-radius: 3px;
 height: 6px;
 width: 6px;
}

.minute-by-minute-marker > div:nth-child(2) {
 display: flex;
 height: 100%;
 margin: 2px 0;
 width: 1px;
}

.minute-by-minute-marker-orange {
 border: 1px solid var(--orange-100);
}

.minute-by-minute-marker-red {
 border: 1px solid var(--red-permanent);
}

.minute-by-minute-marker-green {
 border: 1px solid var(--green-100);
}

.minute-by-minute-marker-cyan {
 border: 1px solid var(--cyan-100);
}

.minute-by-minute-marker-gray {
 border: 1px solid var(--gray-100);
}

.minute-by-minute-marker-first-border-orange > div:first-child {
 animation: blinkerOrange 3s linear infinite;
}

.minute-by-minute-marker-first-border-orange > div:first-child > div {
 animation: blinker2 3s linear infinite;
}

.minute-by-minute-marker-first-border-red > div:first-child {
 animation: blinkerRed 3s linear infinite;
}

.minute-by-minute-marker-first-border-red > div:first-child > div {
 animation: blinker2 3s linear infinite;
}

.minute-by-minute-marker-first-border-green > div:first-child {
 animation: blinkerGreen 3s linear infinite;
}

.minute-by-minute-marker-first-border-green > div:first-child > div {
 animation: blinker2 3s linear infinite;
}

.minute-by-minute-marker-first-border-gray > div:first-child {
 animation: blinkerGray 3s linear infinite;
}

.minute-by-minute-marker-first-border-gray > div:first-child > div {
 animation: blinker2 3s linear infinite;
}

.minute-by-minute-marker-first-border-cyan > div:first-child {
 animation: blinkerCyan 3s linear infinite;
}

.minute-by-minute-marker-first-border-cyan > div:first-child > div {
 animation: blinker2 3s linear infinite;
}

.minute-by-minute-time {
 color: var(--headlines);
 font-size: 12px;
 font-weight: 400;
 grid-area: time;
 line-height: 1;
 margin-bottom: 6px;
}

.minute-by-minute-title-news {
 color: var(--headlines);
 font-size: 14px;
 font-weight: 500;
 grid-area: title;
 padding-bottom: 16px;
 line-height: 130%;
}

.minute-by-minute-title-news-no-time {
 margin-top: -2px;
}

.minute-by-minute-more-news {
 bottom: 3px;
 color: var(--gray-100);
 font-size: 14px;
 font-weight: 700;
 line-height: 130%;
 margin-left: 20px;
 position: absolute;
 width: 100%;
}

.minute-by-minute-title-border-red {
 border-bottom: 2px solid var(--red-permanent);
}

.minute-by-minute-title-border-orange {
 border-bottom: 2px solid var(--orange-100);
}

.minute-by-minute-title-border-green {
 border-bottom: 2px solid var(--green-100);
}

.minute-by-minute-title-border-cyan {
 border-bottom: 2px solid var(--cyan-100);
}

.minute-by-minute-title-border-gray {
 border-bottom: 2px solid var(--gray-100);
}

.minute-by-minute-marker-bg-red {
 background-color: var(--red-permanent);
}

.minute-by-minute-marker-bg-orange {
 background-color: var(--orange-100);
}

.minute-by-minute-marker-bg-green {
 background-color: var(--green-100);
}

.minute-by-minute-marker-bg-cyan {
 background-color: var(--cyan-100);
}

.minute-by-minute-marker-bg-gray {
 background-color: var(--gray-100);
}

@keyframes blinkerGreen {
 50% {
  background-color: var(--green-100);
  border: 1px solid var(--white-100);
 }
}

@keyframes blinkerGray {
 50% {
  background-color: var(--gray-100);
  border: 1px solid var(--white-100);
 }
}

@keyframes blinkerOrange {
 50% {
  background-color: var(--orange-100);
  border: 1px solid var(--white-100);
 }
}

@keyframes blinkerCyan {
 50% {
  background-color: var(--cyan-100);
  border: 1px solid var(--white-100);
 }
}

@keyframes blinker2 {
 50% {
  background-color: var(--white-100);
 }
}

@keyframes blinkerDarkRed {
 50% {
  background-color: #b10000;
  border: 1px solid #1c1b1f;
 }
}

.most-read {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin: 0 0 24px;
 width: 100%;
 border: 1px solid var(--gray-40);
 border-radius: 6px;
 padding: 0 12px 12px;
}

.most-read .title-bar {
 border-top: none;
}

.most-read .title-bar-text {
 text-transform: none;
}

.most-read .most-read-card-ctn:last-child {
 border-bottom: none;
}

.most-read-card-ctn {
 align-content: center;
 border-bottom: 1px solid var(--gray-40);
 -moz-column-gap: 12px;
 column-gap: 12px;
 display: grid;
 flex: 1;
 grid-template-columns: 22px 1fr 80px;
 justify-content: space-between;
 padding: 8px 0;
 width: 100%;
}

.most-read-card-number {
 align-items: center;
 background-color: var(--gray-10);
 border-radius: 50%;
 border: 1px solid var(--gray-50);
 box-sizing: content-box;
 color: var(--gray-90);
 display: flex;
 font-size: 14px;
 height: 22px;
 justify-content: center;
 width: 100%;
}

.most-read-card-headline {
 font-size: 15px;
 margin: 0;
 line-height: 1.3;
 font-weight: 500;
}

.most-read-card-headline:hover {
 color: var(--gray-80);
}

.most-read-card-img,
amp-img.most-read-card-img > img {
 border-radius: 3px;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 position: absolute;
 top: 0;
 width: 100%;
}

.most-read-card-img-ctn,
amp-img.most-read-card-img > img-ctn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-self: flex-start;
 height: 80px;
 margin: 0;
 padding-top: 100%;
 position: relative;
 width: 80px;
}

.newsletter-card.power-up {
 margin: 0 auto 10px;
 max-width: 250px;
}

.newsletter-card-page-view.power-up {
 margin: 0 auto 16px;
 max-width: 250px;
}

.newsletter-card {
 align-content: space-between;
 align-items: center;
 border: 2px solid #e2e2e2;
 display: grid;
 gap: 20px 15px;
 grid-template-columns: 50px auto;
 height: auto;
 margin: 0 0 10px;
 padding: 15px;
 width: 100%;
}

.newsletter-card .image-ctn {
 margin: 0;
}

.newsletter-card .image-loader {
 border-radius: 50%;
}

.newsletter-card-page-view {
 border-radius: 3px;
 border: 1px solid var(--border-newsletter);
 display: flex;
 flex-direction: column;
 margin: 0 0 16px;
 overflow: hidden;
 padding: 0;
}

.newsletter-card-page-view-info,
.newsletter-card-page-view .image-ctn {
 display: flex;
 height: 100%;
 margin: 0;
}

.newsletter-card-page-view-info {
 border-top: 2px solid var(--orange-100);
 flex-direction: column;
 width: 100%;
}

.newsletter-card-page-view-line {
 border-top: 0.5px solid var(--border-newsletter);
 width: 100%;
}

.newsletter-card-page-view-author {
 font-size: 14px;
 padding: 12px 8px;
}

.newsletter-card-page-view-author span {
 color: var(--gray-90);
 font-weight: 500;
}

.newsletter-chain-view-button {
 align-items: center;
 background-color: transparent;
 border: 1px solid var(--gray-40);
 border-radius: 100px;
 color: var(--gray-80);
 cursor: pointer;
 display: inline-flex;
 font-family: Roboto;
 font-size: 12px;
 font-weight: 400;
 gap: 4px;
 height: -moz-fit-content;
 height: fit-content;
 line-height: 100%;
 padding: 6px 12px;
 text-transform: uppercase;
}

.newsletter-chain-view-button .newsletter-card-icon-register {
 margin-right: 0;
 width: 100%;
 min-width: 10px;
}

.newsletter-chain-view-button .newsletter-card-icon-register path {
 fill: var(--gray-80);
}

.newsletter-chain-view-button:is(.is-subscribed) {
 background: rgba(246, 142, 1, 0.1);
 border: 1px solid rgba(246, 142, 1, 0.4);
 border-radius: 100px;
 color: var(--gray-80);
 gap: 6px;
 padding: 6px 12px;
}

.newsletter-chain-view-button:is(.is-subscribed)
 .newsletter-card-page-view-checkmark {
 height: 12px;
 margin-right: 0;
 max-width: 12px;
 width: 12px;
}

.newsletter-chain-view-button:is(.is-subscribed)
 .newsletter-card-page-view-checkmark
 path {
 fill: var(--gray-80);
}

.newsletter-card-page-view-button-ctn {
 display: grid;
 gap: 8px;
 grid-template-columns: repeat(2, 1fr);
 justify-content: space-between;
 padding: 12px 8px;
}

.newsletter-card-page-view-button {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 15px;
 border: 1px solid var(--gray-50);
 color: var(--newsletter-btn-color);
 display: flex;
 font-size: 14px;
 font-weight: 400;
 height: 28px;
 justify-content: center;
 min-width: 119px;
 padding: 6px 12px;
 width: 100%;
}

.newsletter-card-page-view-button .register-icon {
 fill: #707070;
 margin-right: 6px;
}

.newsletter-card-page-view-button:hover {
 background-color: var(--orange-10);
 color: var(--sub-headlines);
 cursor: pointer;
}

.newsletter-card-page-view-button:hover path {
 fill: var(--newsletter-btn-icon-path);
}

.newsletter-card-page-view-button:active {
 background-color: var(--orange-10);
 border-color: var(--orange-60);
 color: var(--sub-headlines);
}

.newsletter-card-page-view-checkmark {
 background-repeat: no-repeat;
 margin-right: 6px;
}

.newsletter-card-title {
 font-size: 18px;
}

.newsletter-card-title-page-view {
 color: var(--headlines);
 font-size: 18px;
 margin-bottom: 0;
 padding: 12px 8px 0;
}

.newsletter-card-title--is-loading {
 height: 24px;
 width: calc(100% - 15px);
}

.newsletter-card-description {
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 5;
 align-self: flex-start;
 color: var(--sub-headlines);
 display: -webkit-box;
 font-size: 14px;
 font-weight: 300;
 height: 115px;
 line-height: 1.5;
 margin-bottom: 12px;
 overflow: hidden;
 padding: 12px 8px;
}

.newsletter-card-description--error {
 font-size: 12px;
 grid-column: 1/3;
 margin: 0;
}

.newsletter-card-button-ctn {
 background-color: var(--white-100);
 grid-column: span 2;
 width: 100%;
}

.newsletter-card-button {
 background-color: var(--white-100);
 border: 2px solid var(--orange-100);
 color: var(--orange-100);
 display: flex;
 font-size: 15px;
 font-weight: 700;
 justify-content: center;
 line-height: 18px;
 padding: 5px;
 width: 100%;
}

.newsletter-card-button:hover {
 cursor: pointer;
}

.newsletter-card-icon-register {
 background-repeat: no-repeat;
 height: 10px;
 margin-right: 6px;
 width: 10px;
}

.newsletter-card-preview-ctn {
 align-items: center;
 background: none;
 border: none;
 color: var(--newsletter-btn-color);
 display: flex;
 font-size: 14px;
 font-weight: 400;
 height: 28px;
 justify-content: center;
 outline: none;
 padding: 6px 12px;
 width: 100%;
}

.newsletter-card-preview-ctn:hover {
 background-color: var(--gray-10);
 border-radius: 100px;
 color: var(--sub-headlines);
 cursor: pointer;
}

.newsletter-card-preview-ctn:active {
 background-color: var(--gray-10);
 border-radius: 100px;
 border: 1px solid #c2c2c2;
 color: var(--sub-headlines);
}

.newsletter-card-icon-preview {
 height: 10px;
 margin-right: 6px;
 width: 18px;
}

.newsletter-card-img-ctn {
 position: relative;
}

.newsletter-card-img-ctn-overlay-tag {
 align-items: center;
 background-color: #fff;
 border-radius: 100px;
 bottom: 10px;
 color: #3b3b3b;
 display: flex;
 flex-wrap: wrap;
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 gap: 6px;
 margin: 0;
 max-width: calc(100% - 20px);
 padding: 4px 8px;
 position: absolute;
 right: 10px;
 z-index: 1;
}

.newsletter-card-img-ctn-overlay-tag .icon-clock {
 margin-right: 6px;
}

.newsletter-card-img-ctn-overlay-tag .cls-1 {
 fill: #3c3c3b;
}

.is-subscribed-pv,
.is-subscribed-pv:hover {
 background-color: var(--orange-40);
 border: 1px solid transparent;
 color: var(--gray-90);
}

.preview-modal-ctn {
 background-color: rgba(0, 0, 0, 0.5);
 display: none;
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 30000;
}

.preview-modal-content,
.preview-modal-ctn--show {
 display: flex;
 justify-content: center;
}

.preview-modal-content {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 8px;
 border: 1px solid var(--gray-40);
 flex-direction: column;
 height: 500px;
 margin: auto;
 max-height: none;
 max-width: calc(100% - 32px);
 position: relative;
 width: 390px;
}

.preview-modal-svg {
 display: none;
}

.preview-modal-close {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 50%;
 border: 1px solid var(--gray-70);
 cursor: pointer;
 display: flex;
 height: 24px;
 justify-content: center;
 padding: 0;
 position: absolute;
 right: -1px;
 top: -12px;
 width: 24px;
 z-index: 2;
}

.preview-modal-close .preview-modal-header-icon {
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 height: 8px;
 width: 8px;
}

.preview-modal-image {
 height: 100%;
 overflow-y: auto;
 position: relative;
 width: 100%;
 z-index: 1;
}

.preview-modal-image .placa {
 left: 50%;
 margin-left: -80px;
 position: absolute;
 top: -10px;
}

.preview-modal-image > img {
 height: auto;
 width: 100%;
}

.preview-modal-image .content-info {
 line-height: 1.4;
 padding: 20px 15px;
}

.preview-modal-image .content-info .title {
 font-size: 22px;
}

.preview-modal-image .content-info .description {
 font-size: 16px;
}

.preview-modal-image::-webkit-scrollbar {
 background: #888787;
 width: 1px;
}

.preview-modal-image::-webkit-scrollbar-track {
 border-radius: 0;
 background-color: var(--gray-10);
}

.preview-modal-image::-webkit-scrollbar-thumb {
 background: #9b9b9b;
 border-radius: 10px;
}

.preview-modal-image::-webkit-scrollbar-thumb:hover {
 background: #9b9b9b;
}

.preview-modal-image-ctn {
 height: calc(100% - 32px);
 overflow: hidden;
 width: 90%;
}

.is-subscribed {
 background-color: var(--orange-100);
 color: var(--white-100);
}

.is-loading {
 background: linear-gradient(
  110deg,
  var(--skeleton-bg-1) 8%,
  var(--skeleton-bg-2) 18%,
  var(--skeleton-bg-1) 33%
 );
 border-radius: 5px;
 background-size: 200% 650%;
 animation: shine 1.5s linear infinite;
 border-color: #eaeaea;
 font-size: 0;
}

.button-disabled:hover {
 cursor: not-allowed;
}

.newsletter-card-horizontal.card-feed-list {
 border: 1px solid #d5d5d5;
 border-radius: 3px;
 margin-bottom: 16px;
 padding: 16px;
 width: 100%;
}

.newsletter-card-horizontal.card-feed-list .newsletter-container-info {
 border-bottom: none;
 display: grid;
 gap: 16px;
}

.newsletter-card-horizontal.card-feed-list
 .newsletter-header
 .header-title
 span {
 font-size: 18px;
}

.newsletter-card-horizontal.card-feed-list .newsletter-container-info .info {
 width: 100%;
}

.newsletter-card-horizontal.card-feed-list
 .newsletter-container-info
 .info
 .title {
 font-size: 18px;
}

.newsletter-card-horizontal.card-feed-list
 .newsletter-container-info
 .info
 .description {
 font-size: 12px;
 margin-bottom: 0;
}

.newsletter-header {
 position: relative;
}

.newsletter-header .header-title {
 border-bottom: 1px solid var(--gray-40);
 font-size: 22px;
 font-weight: 700;
 line-height: 1.2;
 margin-bottom: 17px;
 width: 100%;
}

.newsletter-header .header-title span {
 border-bottom: 2px solid var(--orange-100);
 display: inline-block;
 margin-bottom: -3px;
}

.newsletter-header .btn-subscribe {
 height: 28px;
 position: absolute;
 right: 0;
 top: -7px;
 width: 122px;
}

.newsletter-container-info {
 align-items: center;
 border-bottom: 1px solid #d5d5d5;
 display: flex;
}

.newsletter-container-info .info {
 width: 80%;
}

.newsletter-container-info .info .container-title {
 align-items: center;
 display: flex;
 gap: 12px;
 margin-bottom: 8px;
 position: relative;
}

.newsletter-container-info .info .container-title .title {
 color: var(--gray-100);
 font-size: 22px;
 font-weight: 700;
 line-height: 1.3;
 margin-bottom: 0;
}

.newsletter-container-info .info .container-title .button-preview {
 align-items: center;
 background-color: #f5f5f5;
 border: none;
 border-radius: 50%;
 color: var(--color-button);
 cursor: pointer;
 display: flex;
 font-size: 14px;
 font-weight: 600;
 height: 28px;
 justify-content: center;
 opacity: 0.8;
 padding: 0;
 width: 28px;
}

.newsletter-container-info .info .container-title .button-preview .icon {
 height: 11px;
 width: 18px;
}

.newsletter-container-info .info .container-title .button-preview:hover {
 background-color: #9b9b9b;
}

.newsletter-container-info
 .info
 .container-title
 .button-preview:hover
 .icon
 g
 > circle,
.newsletter-container-info
 .info
 .container-title
 .button-preview:hover
 .icon
 g
 > path {
 fill: #f5f5f5;
}

.newsletter-container-info .info .description {
 color: #3b3b3b;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.5;
}

.newsletter-container-info .image {
 align-items: center;
 display: flex;
 height: 77px;
 justify-content: center;
 width: 123px;
}

.newsletter-container-info .image img {
 width: 100%;
}

.notifications {
 align-items: center;
 display: flex;
 justify-content: space-between;
 padding: 8px 16px;
 margin-bottom: 8px;
 height: 35px;
}

.notifications-light:hover {
 background-color: var(--gray-20);
 border-radius: 18px;
}

.notifications-dark:hover {
 background-color: #3c4043;
 border-radius: 18px;
}

.notifications-active-light {
 background-color: var(--orange-20);
 border-radius: 18px;
}

.notifications-active-dark {
 background-color: rgba(246, 142, 1, 0.2);
 border-radius: 18px;
}

.notifications-icon-dropdown {
 background-color: transparent;
 border: none;
 cursor: pointer;
 display: flex;
}

.notifications-alert-ctn {
 display: flex;
 gap: 8px;
 align-items: center;
}

.notifications-alert-ctn-bold {
 align-items: center;
 display: flex;
 font-weight: 500;
}

.notifications-alert-ctn-dot {
 width: 10px;
 height: 10px;
 background-color: var(--orange-100);
 border-radius: 50%;
}

.notifications-alert-ctn-tag {
 padding: 4px 8px;
 border: 1px solid var(--orange-100);
 background: rgba(246, 142, 1, 0.1);
 border-radius: 100px;
}

.notifications-alert-ctn-tag-text {
 color: var(--new-btn-text);
 font-size: 10px;
 font-weight: 500;
 line-height: 100%;
}

.notifications-menu-not-configured {
 padding: 8px 0 16px;
 border-bottom: 1px solid var(--gray-40);
 color: var(--mhh-nav-item);
 text-align: center;
 font-weight: 300;
 line-height: 20.8px;
}

.notifications-menu-not-notifications {
 color: var(--background-shared-btn);
 text-align: center;
 font-size: 16px;
 font-weight: 300;
 line-height: 130%;
 padding: 16px 0;
 border-bottom: 1px solid var(--gray-40);
}

.notifications-menu-config {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 8px 0 16px 16px;
 border-bottom: 1px solid var(--gray-40);
}

.notifications-menu-config-text {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 400;
}

.notifications-menu-config-icon {
 display: flex;
 width: 28px;
 height: 28px;
 padding: 6px;
 justify-content: center;
 align-items: center;
 gap: 10px;
 border-radius: 100px;
 border: 1px solid var(--gray-40);
 cursor: pointer;
}

.notifications-menu-config-icon svg g {
 fill: var(--gray-90);
}

.notifications-menu-config-check {
 border-radius: 100px;
 border: 1px solid var(--gray-40);
 padding: 8px 12px;
 display: flex;
 align-items: center;
 gap: 6px;
 cursor: pointer;
}

.notifications-menu-config-check-icon {
 width: 12px;
 height: 9px;
}

.notifications-menu-config-check-text {
 color: var(--gray-90);
 font-size: 12px;
 font-weight: 300;
}

.notifications-menu-ctn-interests {
 overflow-y: auto;
 height: calc(100vh - 485px);
}

.notifications-menu-ctn-interests::-webkit-scrollbar {
 width: 6px;
}

.notifications-menu-ctn-interests::-webkit-scrollbar-track {
 background: var(--gray-20);
 border-radius: 100px;
}

.notifications-menu-ctn-interests::-webkit-scrollbar-thumb {
 background: var(--gray-40);
 border-radius: 100px;
}

.notifications-menu-interest {
 color: var(--gray-90);
 display: flex;
 font-weight: 400;
 justify-content: space-between;
 margin-top: 8px;
 padding: 8px 0;
}

.notifications-menu-interest-dark {
 color: var(--gray-especial-deck);
}

.notifications-menu-ios {
 display: flex;
 flex-direction: column;
 gap: 16px;
 height: calc(100vh - 485px);
 margin: 16px 0;
 overflow-y: auto;
}

.notifications-menu-ios::-webkit-scrollbar {
 width: 6px;
}

.notifications-menu-ios::-webkit-scrollbar-track {
 background: var(--gray-20);
 border-radius: 100px;
}

.notifications-menu-ios::-webkit-scrollbar-thumb {
 background: var(--gray-40);
 border-radius: 100px;
}

.notifications-menu-ios-deck {
 color: var(--gray-80);
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: 1.3;
}

.notifications-menu-ios-deck-small {
 color: var(--gray-80);
 font-size: 12px;
 font-weight: 300;
 line-height: 1.3;
}

.notifications-menu-ios-list {
 display: flex;
 flex-direction: column;
 gap: 16px;
 list-style-type: none;
 margin: 0 0 150px;
 padding: 0;
}

.notifications-menu-ios-icon {
 align-items: center;
 border: 1px solid var(--gray-80);
 border-radius: 100px;
 display: flex;
 flex-direction: column;
 gap: 10px;
 height: 28px;
 justify-content: space-evenly;
 width: 28px;
}

.notifications-menu-ios-bullet {
 align-items: center;
 align-self: stretch;
 color: var(--gray-80);
 display: flex;
 font-size: 16px;
 font-weight: 300;
 gap: 8px;
 line-height: 1.3;
}

.notifications-menu-card {
 display: flex;
 flex-direction: column;
 gap: 8px;
 padding: 16px 0;
 border-bottom: 1px solid var(--gray-40);
}

.notifications-menu-card-bullet {
 display: flex;
 align-items: center;
 gap: 4px;
}

.notifications-menu-card-bullet-big {
 align-items: center;
 border-radius: 50%;
 border: 2px solid var(--red-100);
 display: flex;
 height: 12px;
 justify-content: center;
 width: 12px;
 animation: blinkerWhite 3s linear infinite;
}

.notifications-menu-card-bullet-sm {
 border-radius: 50%;
 height: 6px;
 width: 6px;
 animation: blinkerRed 3s linear infinite;
}

.notifications-menu-card-bullet-text {
 color: var(--red-100);
 font-size: 14px;
 font-weight: 600;
}

.notifications-menu-card-title {
 color: var(--gray-100);
 font-size: 16px;
 font-weight: 400;
 line-height: 21px;
}

.notifications-menu-card-info {
 display: flex;
 gap: 9px;
 color: var(--gray-90);
 font-size: 14px;
 font-weight: 300;
 line-height: 16px;
}

.notifications-menu-card:last-child {
 border-bottom: none;
}

.notifications-menu-card:last-child .notification-menu-card-info,
.notifications-menu-card:last-child .notification-menu-card-title {
 color: var(--gray-60);
}

.notifications-menu-card:first-child {
 padding-top: 8px;
}

@keyframes blinkerRed {
 50% {
  background-color: #b10000;
 }
}

@keyframes blinkerWhite {
 50% {
  border-color: #fff;
 }
}

.alerts-ctn {
 overflow-y: auto;
 margin-top: 8px;
}

.alerts-ctn::-webkit-scrollbar {
 width: 6px;
}

.alerts-ctn::-webkit-scrollbar-track {
 background: var(--gray-20);
 border-radius: 100px;
}

.alerts-ctn::-webkit-scrollbar-thumb {
 background: var(--gray-40);
 border-radius: 100px;
}

.notifications-menu-active:has(.notifications-menu-not-configured)
 .notifications-menu-ctn-interests {
 height: calc(100vh - 555px);
}

.opi-ctn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 background: var(--white-100);
 border-radius: 3px;
 border: 1px solid var(--gray-40);
 box-sizing: border-box;
 flex-direction: column;
 margin-bottom: 16px;
 min-height: 171px;
 padding: 0 7%;
}

.opi-author,
.opi-ctn {
 align-items: center;
 display: flex;
 width: 100%;
}

.opi-author {
 border-bottom: 1px solid var(--gray-40);
 justify-content: center;
 min-height: 84px;
 padding: 12px 0;
}

.opi-img {
 border-radius: 100px;
 border: 1px solid var(--gray-40);
 height: 60px;
 width: 60px;
}

.opi-aut {
 color: var(--gray-90);
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 1.3;
 margin-left: 20px;
 text-align: center;
}

.opi-txt {
 align-items: center;
 display: flex;
 height: 100%;
 justify-content: center;
 width: 100%;
 min-height: 100px;
}

.opi-hl {
 font-size: 16px;
 font-weight: 500;
 -webkit-hyphens: auto;
 hyphens: auto;
 line-height: 1.3;
 margin: 12px 0;
 text-align: center;
 word-break: break-word;
}

:root {
 --background-button: var(--white-100);
 --color-button: var(--black-100);
}

.raffle-register-event {
 align-items: center;
 background-color: var(--white-100);
 display: grid;
 grid-template-columns: 1fr;
 grid-template-rows: 1fr auto;
 justify-content: center;
 margin: 0 -16px 16px;
 width: auto;
}

.raffle-register-event.registry {
 grid-template-rows: 202px 1fr;
}

.raffle-register-event > .lds-ctn {
 height: 257px;
 width: calc(100% + 30px);
 position: relative;
 left: -15px;
}

.pandora-registered {
 align-items: center;
 background-color: var(--orange-10);
 display: flex;
 flex-direction: column;
 left: -15px;
 padding: 16px;
 position: relative;
 width: calc(100% + 32px);
}

.pandora-registered-newsletter {
 font-size: 24px;
 font-weight: 700;
 margin-bottom: 32px;
}

.pandora-registered-divider {
 background-color: var(--gray-40);
 height: 1px;
 margin: 20px 0;
 width: 100%;
}

.pandora-registered-thks {
 font-size: 18px;
 font-weight: 300;
 margin-bottom: 16px;
 text-align: center;
}

.pandora-registered-btn {
 border-radius: 20px;
 border: none;
 color: var(--white-100);
 -moz-column-gap: 6px;
 column-gap: 6px;
 font-family: Roboto;
 font-size: 19px;
 margin: 24px auto;
 max-height: 37px;
}

.pandora-registered-btn,
.pandora-registered-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 cursor: pointer;
 display: flex;
 font-weight: 400;
 justify-content: center;
 padding: 8px 16px;
 width: -moz-max-content;
 width: max-content;
}

.pandora-registered-button {
 background-color: var(--white-100);
 border: 1px solid var(--gray-50);
 border-radius: 100px;
 color: var(--gray-90);
 font-size: 18px;
 gap: 6px;
 height: 38px;
}

.pandora-registered-button:active {
 background-color: var(--orange-30);
}

.pandora-registered-button:hover {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
}

.pandora-registered-btn-icon {
 width: 16px;
 height: 16px;
}

.pandora-registered-btn--registry:active,
.pandora-registered-btn--registry:hover {
 background-color: var(--orange-10);
}

.pandora-registered-btn--registry:active {
 border-color: var(--orange-60);
}

.pandora-registered-share {
 font-size: 16px;
 font-weight: 300;
 line-height: 23px;
 margin-bottom: 16px;
}

.pandora-registered-share-buttons {
 display: flex;
 gap: 24px;
 height: 30px;
 justify-content: space-between;
}

.pandora-registered-share-btn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background-color: transparent;
 border-radius: 50%;
 border: none;
 cursor: pointer;
 display: flex;
 height: 32px;
 justify-content: center;
 padding: 0;
 width: 32px;
}

.pandora-registered-share-btn .svg-icon {
 height: 32px;
 width: 32px;
}

.pandora-registered-share-btn .svg-icon path {
 fill: var(--gray-60);
}

.pandora-registered-share-btn .svg-icon .svg-icon-bg {
 fill: transparent;
}

.pandora-registered-share-btn .svg-icon .svg-icon-border {
 stroke: var(--gray-60);
}

.pandora-registered-share-btn:hover .svg-icon path {
 fill: var(--gray-70);
}

.pandora-registered-share-btn:hover .svg-icon .svg-icon-bg {
 fill: var(--gray-10);
}

.pandora-registered-share-btn:hover .svg-icon .svg-icon-border {
 stroke: var(--gray-70);
}

.pandora-registered-share-btn:focus .svg-icon path {
 fill: var(--gray-10);
}

.pandora-registered-share-btn:focus .svg-icon .svg-icon-bg {
 fill: var(--gray-60);
}

.pandora-registered-share-btn:focus .svg-icon .svg-icon-border {
 stroke: var(--gray-60);
}

.register-event-card {
 background-color: var(--white-100);
 display: flex;
 flex-direction: column;
 margin: 0 auto;
 text-align: center;
 width: calc(100% - 32px);
}

.register-event-card.registry {
 height: 100%;
}

.register-event-label {
 display: flex;
 height: 33px;
 width: 100%;
 justify-content: center;
 align-items: center;
 margin-top: 16px;
 margin-bottom: 16px;
}

.register-event-title-register {
 font-size: 24px;
 margin-bottom: 8px;
 color: var(--gray-100);
 text-align: center;
 font-style: normal;
 font-weight: 700;
 line-height: 130%;
}

.register-event-label-ctn {
 border: 1px solid var(--orange-70);
 background-color: var(--orange-10);
 border-radius: 20px;
 padding: 8px 16px;
}

.register-event-label-text {
 color: var(--gray-100);
 display: contents;
 font-size: 14px;
 font-weight: 500;
 line-height: 130%;
}

.register-event-description-register {
 color: var(--gray-90);
 font-size: 16px;
 margin-bottom: 16px;
 text-align: center;
 font-style: normal;
 font-weight: 300;
 line-height: 1.5;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.register-event-card-chip {
 align-items: center;
 background: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--gray-90);
 display: flex;
 font-family: Roboto;
 font-size: 14px;
 font-weight: 400;
 gap: 4px;
 line-height: 1;
 margin: 16px auto 0;
 padding: 6px 12px;
 text-align: center;
 width: -moz-fit-content;
 width: fit-content;
}

.register-event-info-author {
 align-items: center;
 -moz-column-gap: 16px;
 column-gap: 16px;
 display: flex;
 justify-content: space-between;
 padding-top: 16px;
 margin-bottom: 16px;
 border-top: 1px solid var(--gray-40);
}

.register-event-info-author-image {
 display: flex;
}

.register-event-info-author-image img {
 border-radius: 50%;
 border: 1px solid var(--gray-40);
 height: 40px;
 width: 40px;
}

.register-event-info-author-for {
 color: var(--gray-90);
 display: block;
 font-size: 14px;
 line-height: 1.5;
 margin-right: 13px;
 text-align: left;
}

.register-event-info-author-name {
 font-weight: 500;
 line-height: 1.5;
}

.register-event-info-author-contact {
 padding-top: 5px;
 font-size: 12px;
 display: block;
 text-align: left;
}

.register-event-info-author-personal {
 align-items: center;
 display: flex;
 -moz-column-gap: 16px;
 column-gap: 16px;
}

.register-event-info-badge {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--gray-90);
 -moz-column-gap: 4px;
 column-gap: 4px;
 display: flex;
 height: 22px;
 justify-content: center;
 padding: 4px 8px;
}

.register-event-info-badge-text {
 font-size: 12px;
 white-space: nowrap;
}

.register-event-info-badge-text-colon {
 display: none;
 font-size: 12px;
}

.raffle-register-event .clock-icon {
 height: 10px;
 width: 10px;
}

.register-event-img {
 box-sizing: content-box;
 margin-left: -16px;
 margin-right: -16px;
 padding-top: calc(56.25% + 18px);
 position: relative;
}

.register-event-img.registry {
 padding-top: 0;
 height: 100%;
 box-sizing: border-box;
}

.register-event-img.registry > picture img {
 -o-object-fit: cover;
 object-fit: cover;
}

.register-event-img > .image-ph,
.register-event-img > picture img {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
}

.pandora-preview-btn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background: var(--gray-90);
 border-radius: 100px;
 border: 1px solid transparent;
 bottom: 16px;
 color: var(--black-10);
 -moz-column-gap: 6px;
 column-gap: 6px;
 cursor: pointer;
 display: flex;
 height: 28px;
 justify-content: center;
 position: absolute;
 right: 16px;
 width: 126px;
}

.pandora-preview-modal .eye-icon {
 height: 16px;
 width: 15px;
}

.pandora-preview-btn-txt {
 font-size: 14px;
 color: var(--gray-10);
}

.field-container .react-datepicker-popper {
 z-index: 2;
}

.Registry {
 padding: 20px 16px;
 background-color: var(--white-100);
 border-bottom: 1px solid var(--gray-40);
}

.Registry-header {
 margin-bottom: 20px;
}

.Registry-title {
 color: var(--headlines);
 font-size: 24px;
 font-weight: 700;
 line-height: 100%;
 margin-bottom: 12px;
}

.Registry-description,
.Registry-title {
 font-family: Roboto;
 font-style: normal;
 text-align: center;
 width: 100%;
}

.Registry-description {
 color: var(--sub-headlines);
 font-size: 16px;
 font-weight: 300;
 line-height: 150%;
}

.Registry-inputs-container {
 display: grid;
 grid-template: auto/1fr 1fr;
 gap: 10px 16px;
 margin-bottom: 2px;
}

.Registry-inputs-container > .login-form-field-ctn:first-child,
.Registry-inputs-container > .login-form-field-ctn:nth-child(n + 4) {
 grid-column: 1/3;
}

.Registry-inputs-container .login-form-field-ctn {
 margin-bottom: 0;
}

.Registry-inputs-container
 .login-form-field-ctn
 .field-select-input.login-form-input,
.Registry-inputs-container .login-form-field-ctn .login-form-input {
 width: 100%;
 height: 44px;
 padding: 12px;
}

.Registry-inputs-container
 .login-form-field-ctn
 .field-select-input.login-form-input::-moz-placeholder,
.Registry-inputs-container
 .login-form-field-ctn
 .login-form-input::-moz-placeholder {
 font-weight: 300;
 color: var(--gray-70);
}

.Registry-inputs-container
 .login-form-field-ctn
 .field-select-input.login-form-input::placeholder,
.Registry-inputs-container
 .login-form-field-ctn
 .login-form-input::placeholder {
 font-weight: 300;
 color: var(--gray-70);
}

.Registry-inputs-container .login-form-field-ctn .outlined-input input {
 min-height: 46px;
}

.Registry-inputs-container .outlined-input {
 position: relative;
}

.Registry-inputs-container .tooltip-ctn {
 bottom: calc(100% - 9px);
 position: absolute;
 right: 0;
 width: -moz-max-content;
 width: max-content;
}

.Registry-inputs-container > .login-form-agree-terms-ctn {
 font-size: 12px;
 grid-column: 1/3;
 display: grid;
 grid-template: "check terms" max-content "error error" 14px/14px 1fr;
 justify-content: center;
 max-width: 420px;
 margin: 0 auto;
 gap: 4px 10px;
}

.Registry-inputs-container > .login-form-agree-terms-ctn > label:first-child {
 grid-area: check;
 margin-right: 0;
}

.Registry-inputs-container > .login-form-agree-terms-ctn > label:last-child {
 grid-area: terms;
}

.Registry-inputs-container > .login-form-agree-terms-ctn > .error {
 min-width: 100%;
 display: block;
 text-align: center;
 height: 14px;
 color: var(--red-100);
 font-weight: 400;
 grid-area: error;
}

.Registry-buttons-container {
 display: flex;
 flex-direction: column;
}

.Registry-buttons-container .login-form-or-ctn {
 font-size: 14px;
}

.Registry-buttons-container .login-form-need-registration {
 margin-top: 0;
 margin-bottom: 0;
}

.Registry-buttons-container .login-form-social-button {
 margin-bottom: 16px;
}

.podcast-card {
 background-color: #000;
 color: #e8eaed;
 display: flex;
 flex-direction: column;
 height: 100%;
 line-height: 1;
 border-radius: 6px;
 width: 100%;
 word-break: break-word;
}

.podcast-card__picture {
 height: auto;
}

.podcast-card__img-cont {
 margin: 0;
 padding-top: 100%;
 position: relative;
 width: 100%;
}

.podcast-card__img {
 border-radius: 3px;
 height: 100%;
 top: 0;
 width: 100%;
}

.podcast-card__info-ctn {
 display: flex;
 flex-direction: column;
 height: auto;
 justify-content: space-between;
 padding: 10px 0 30px;
}

.podcast-card__title {
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: #e8eaed;
 cursor: pointer;
 display: -webkit-box;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.3;
 margin: 7px 15px 10px 13px;
 min-height: 54px;
 overflow: hidden;
 text-decoration: none;
 text-overflow: ellipsis;
}

.podcast-card__author {
 color: #e8eaed;
 font-size: 13px;
 font-weight: 400;
 line-height: 1.5;
 margin: 0 15px 7px 13px;
}

.podcast-card:hover {
 background-color: #121212;
}

.carousel-ctn {
 margin: 12px 0;
 position: relative;
 width: 100%;
}

.carousel-ctn__header {
 color: var(--gray-especial-hl);
 font-size: 18px;
 font-weight: 700;
 margin: 0 0 12px;
}

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

.carousel-ctn .swiper-wrapper {
 height: 100%;
}

.carousel-ctn .swiper .swiper-wrapper .swiper-slide {
 width: 150px;
}

.carousel-ctn .swiper-button-next,
.carousel-ctn .swiper-button-prev {
 display: none;
}

.carousel-ctn_swpr {
 display: flex;
 height: 100%;
 min-height: auto;
 overflow-y: auto;
}

.carousel-ctn_swpr,
.wsbl-slider-arrows {
 justify-content: space-between;
 width: 100%;
}

.wsbl-slider-arrows {
 display: none;
 position: absolute;
 top: 50%;
}

.wsbl-slider-arrows .next-arrow,
.wsbl-slider-arrows .prev-arrow {
 background-color: #e8eaed;
 background-position: 50%;
 border-radius: 50%;
 background-repeat: no-repeat;
 cursor: pointer;
 height: 35px;
 width: 35px;
 z-index: 2;
}

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

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

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

.amp-carousel-slide {
 width: 150px;
}

.amp-carousel-button {
 display: none;
}

.swiper-slide {
 height: auto;
}

.episode-card-big-ctn {
 border-top: 1px solid #3b3b3b;
 padding: 15px 0 12px;
}

.episode-card-big-ctn-thumbnail {
 display: none;
}

.episode-card-big-ctn-thumbnail-image {
 height: 180px;
 width: 180px;
 border-radius: 3px;
}

.episode-card-ctn {
 display: flex;
 flex-direction: column;
 color: #e8eaed;
 gap: 10px;
 font-size: 12px;
 opacity: 1;
}

.episode-header-ctn {
 display: flex;
}

.episode-header-ctn-cover-number {
 margin-bottom: 10px;
 font-size: 14px;
}

.episode-header-ctn-thumbnail {
 justify-content: center;
 align-items: center;
}

.episode-header-ctn-thumbnail-image {
 border-radius: 3px;
 height: 80px;
 width: 80px;
}

.episode-header-ctn-text {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 padding-left: 1.1vh;
}

.episode-header-ctn-text-number {
 display: none;
}

.episode-header-ctn-text-row {
 margin-top: 30px;
}

.episode-header-ctn-text-row-title {
 font-size: 18px;
 font-weight: 600;
 line-height: 1.3;
}

.episode-header-ctn-text-row-author {
 color: #fabb67;
 font-size: 16px;
}

.episode-header-ctn-text-row-by {
 font-size: 16px;
}

.episode-header-ctn-author-row {
 padding-top: 8px;
}

.episode-content-ctn__description {
 font-size: 16px;
 margin-bottom: 5px;
 text-align: left;
}

.episode-content-ctn__desc-section {
 margin-bottom: 25px;
}

.episode-footer-ctn {
 align-items: center;
 color: #9aa0a6;
 display: flex;
 font-size: 14px;
}

.episode-footer-ctn-left-play {
 display: flex;
 cursor: pointer;
}

.episode-footer-ctn-left-play-icon {
 width: 30px;
 height: 30px;
}

.episode-footer-ctn-left-pause {
 display: flex;
 cursor: pointer;
}

.episode-footer-ctn-left-pause-icon {
 width: 30px;
 height: 30px;
}

.episode-footer-ctn-center {
 display: flex;
 white-space: nowrap;
}

.episode-footer-ctn-center-col1-date {
 padding: 10px 15px;
}

.episode-footer-ctn-center-col2-duration-text {
 padding: 7px 5px 8px 10px;
 border-left: 1px solid #9aa0a6;
}

.episode-footer-ctn-right {
 display: flex;
 justify-content: flex-end;
 width: 100%;
 margin-right: 5px;
 position: relative;
 cursor: pointer;
}

.episode-footer-ctn-right-sharelink-tooltip {
 display: none;
}

.episode-footer-ctn-right-sharelink-tooltip-show {
 position: absolute;
 font-size: 12px;
 top: -32px;
 left: -64px;
 background: #e8eaed;
 color: #9b9b9b;
 padding: 2px 6px;
 border-radius: 1px solid #9b9b9b;
}

.episode-list {
 display: flex;
 flex-direction: column;
}

.episode-list__title {
 color: #e2e2e2;
 font-size: 18px;
 text-align: left;
}

.episode-list__cards {
 max-height: 768px;
}

.episode-list__cards,
.episode-list__cards-open {
 overflow: hidden;
 transition: max-height 0.25s ease-in-out;
}

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

.podcast-header {
 background-image: url(../images/podcast_background.png);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 box-shadow: 0 3px 10px rgba(246, 142, 1, 0.5019607843);
 color: #c4c7c5;
 padding: 13px 15px;
 position: relative;
 width: 100%;
}

.podcast-header__picture {
 width: auto;
}

.podcast-header__back {
 display: none;
 cursor: pointer;
}

.podcast-header__info-container {
 display: flex;
 flex-direction: column;
 line-height: 1;
 justify-content: space-between;
}

.podcast-header__info-image {
 min-width: 100px;
 width: 100px;
 height: 100px;
}

.podcast-header__info-image--episode,
.podcast-header__info .logo-infobae-naranja {
 background-color: #000;
 display: block;
 min-width: 60px;
 width: 60px;
 height: 60px;
 margin-bottom: 15px;
 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5019607843);
}

.podcast-header__info-play {
 display: flex;
 position: absolute;
 top: 43px;
 left: 84px;
}

.podcast-header__info-play-duration {
 display: none;
}

.podcast-header__info-title {
 font-size: 12px;
 font-weight: 600;
 margin-bottom: 10px;
}

.podcast-header__info-title--episode {
 position: absolute;
 top: 14px;
 left: 84px;
}

.podcast-header__info-subtitle {
 font-size: 12px;
 font-weight: 400;
 margin-bottom: 34px;
}

.podcast-header__info-description {
 color: #c4c7c5;
 font-size: 18px;
 font-weight: 600;
 margin-bottom: 12px;
 margin-top: 8px;
 line-height: 22px;
}

.podcast-header__info-author {
 font-size: 14px;
 font-weight: 300;
}

.podcast-header__info-author > span {
 font-weight: 500;
}

.podcast-header--program .podcast-header__info-author {
 padding-bottom: 20px;
}

.podcast-header__info-pause-icon,
.podcast-header__info-play-icon {
 cursor: pointer;
 width: 30px;
 height: 30px;
}

.podcast-info {
 color: #c4c7c5;
}

.podcast-info__wide {
 padding: 22px 0;
}

.podcast-info__publish-label {
 font-size: 12px;
 padding-bottom: 14px;
}

.podcast-info__publish-date {
 font-weight: 700;
}

.podcast-info__title {
 color: #c4c7c5;
 font-size: 18px;
 letter-spacing: 0;
 line-height: unset;
 text-align: left;
 width: 100%;
}

.podcast-info__description {
 font-size: 14px;
 letter-spacing: 0;
 margin-bottom: 5px;
 text-align: left;
 width: 100%;
}

.podcast-info__desc-section {
 margin-bottom: 25px;
}

.podcast-info__tag {
 background-color: #2d2f31;
 color: #c4c7c5;
 border: 1px solid transparent;
 border-radius: 100px;
 line-height: 14px;
 font-weight: 300;
 margin: 0 12px 12px 0;
 padding: 6px 12px;
 width: -moz-fit-content;
 width: fit-content;
}

.podcast-info__tag-title {
 font-size: 12px;
 text-transform: uppercase;
}

.podcast-info__tag-section {
 display: flex;
 gap: 10px;
}

.podcast-info__notif-section {
 margin-top: 40px;
}

.podcast-info__more {
 color: #e8eaed;
 cursor: pointer;
 font-size: 18px;
 width: 100%;
}

.podcast-info__notif-section {
 display: flex;
 flex-direction: column;
 line-height: 1;
 width: 100%;
}

.podcast-info__notif-trailer {
 background: transparent linear-gradient(180deg, #3b3b3b, #1f1f1f) 0 0 no-repeat
  padding-box;
 border-radius: 6px;
 cursor: pointer;
 display: inline-flex;
 margin-bottom: 15px;
 padding: 10px;
 position: relative;
}

.podcast-info__notif-trailer:hover .podcast-info__icon-layout {
 display: flex;
}

.podcast-info__trailer-link {
 font-size: 20px;
}

.podcast-info__trailer-thumbnail {
 border-radius: 3px;
 height: 70px;
 vertical-align: middle;
 width: 70px;
}

.podcast-info__icon-layout {
 align-items: center;
 background: rgba(0, 0, 0, 0.568627451) 0 0 no-repeat padding-box;
 bottom: 0;
 box-shadow: inset 0 0 10px #f68e01;
 display: none;
 justify-content: center;
 position: absolute;
 right: 0;
 top: 0;
 width: 100%;
}

.podcast-info__trailer-icon {
 background-image: url(../images/play_naranja.svg);
}

.podcast-info__trailer-icon,
.podcast-info__trailer-icon-amp {
 background-repeat: no-repeat;
 height: 50px;
 min-width: 50px;
}

.podcast-info__trailer-info {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin-left: 10px;
 overflow: hidden;
}

.podcast-info__trailer-header {
 font-size: 14px;
 font-weight: 400;
 padding-bottom: 10px;
 text-transform: uppercase;
}

.podcast-info__trailer-title {
 font-size: 14px;
 font-weight: 700;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.podcast-info__trailer-author {
 font-size: 12px;
 font-weight: 300;
}

.podcast-info__notif-schedule {
 background: transparent linear-gradient(180deg, #3b3b3b, #1f1f1f) 0 0 no-repeat
  padding-box;
 cursor: pointer;
 display: inline-flex;
 margin-bottom: 15px;
 padding: 10px;
 position: relative;
}

.podcast-info__notif-schedule:hover .podcast-info__icon-layout {
 display: flex;
}

.podcast-info__schedule-icon {
 background-image: url(../images/calendar.svg);
 background-repeat: no-repeat;
 height: 70px;
 min-width: 70px;
}

.podcast-info__shcedule-notif {
 align-items: center;
 background-color: #a0a0a0;
 border-radius: 100%;
 border: 1px solid #e8eaed;
 display: flex;
 height: 50px;
 justify-content: center;
 width: 50px;
}

.podcast-info__schedule-info {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin-left: 10px;
 overflow: hidden;
}

.podcast-info__schedule-title {
 font-size: 14px;
 font-weight: 700;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.podcast-info__schedule-author {
 font-size: 12px;
 font-weight: 300;
 margin-bottom: 10px;
}

.podcast-info__schedule {
 font-size: 14px;
 font-weight: 300;
}

.mini-chapter {
 border-radius: 3px;
 background-color: #000;
 color: #e8eaed;
 display: flex;
 flex-direction: column;
 height: 100%;
 line-height: 1;
 width: 100%;
}

.mini-chapter__img-cont {
 margin: 0;
 position: relative;
 width: 100%;
 padding-top: 100%;
}

.mini-chapter__img {
 border-radius: 3px;
 height: 100%;
 position: absolute;
 top: 0;
 width: 100%;
}

.mini-chapter__info-ctn {
 height: auto;
 padding: 10px 0 30px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 position: relative;
}

.mini-chapter__title {
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: #e8eaed;
 cursor: pointer;
 display: -webkit-box;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.3;
 margin: 7px 15px 12px 13px;
 min-height: 42px;
 overflow: hidden;
 text-decoration: none;
 text-overflow: ellipsis;
 white-space: pre-line;
}

.mini-chapter__author {
 color: #e8eaed;
 font-size: 13px;
 margin: 0 15px 7px 13px;
 font-weight: 400;
 line-height: 1.3;
 min-height: 50px;
 white-space: normal;
}

.mini-chapter__hide {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}

.mini-chapter:hover {
 background-color: #121212;
}

.mini-chapter:hover .mini-chapter__img-cont .modal-layout {
 display: block;
}

.podcast-player {
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 100;
 background: transparent linear-gradient(1turn, #0f0f0f, #1f1f1f) 0 0 no-repeat
  padding-box;
 box-shadow: 0 -3px 3px rgba(246, 142, 1, 0.2039215686);
 height: 92px;
 width: 100%;
 color: #c4c7c5;
 padding: 10px 15px 16px;
 display: grid;
 gap: 10px;
 grid-template:
  "image info controls" 40px "progress progress progress" 1fr/40px calc(
   100% - 100px
  )
  40px;
}

.podcast-player-amp {
 padding: 20px 15px;
 grid-template: "image info controls" 50px/50px calc(100% - 120px) 50px;
}

.podcast-player__image {
 border-radius: 3px;
 grid-area: image;
 width: 100%;
 height: 100%;
 border: 1px solid #fff;
 background-size: cover;
 background-position: 50%;
 background-repeat: no-repeat;
}

.podcast-player__audio-tag {
 display: none;
}

.podcast-player__info {
 grid-area: info;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.podcast-player__info-author,
.podcast-player__info-title {
 color: var(--gray-especial-hl);
 font-size: 12px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.podcast-player__info-title {
 font-weight: 600;
}

.podcast-player__controls {
 grid-area: controls;
 display: flex;
}

.podcast-player__controls-prev {
 display: none;
 cursor: pointer;
 z-index: 1;
 outline: none;
}

.podcast-player__controls-play {
 display: block;
 cursor: pointer;
 z-index: 1;
 width: 100%;
}

.podcast-player__controls-amp-play {
 background-image: url(../images/d23-play-amp.svg);
}

.podcast-player__controls-amp-pause,
.podcast-player__controls-amp-play {
 background-repeat: no-repeat;
 background-size: 40px;
 height: 40px;
 transform: translate(0);
 width: 40px;
 display: block;
 cursor: pointer;
 z-index: 1;
 width: 100%;
}

.podcast-player__controls-amp-pause {
 background-image: url(../images/d23-pause-amp.svg);
}

.podcast-player__controls-pause {
 cursor: pointer;
 z-index: 1;
 width: 100%;
}

.podcast-player__controls-next {
 display: none;
 cursor: pointer;
 z-index: 1;
 outline: none;
}

.podcast-player__controls-disabled {
 opacity: 0.4;
 cursor: not-allowed;
}

.podcast-player__controls-amp {
 justify-content: flex-end;
 align-items: center;
}

.podcast-player__settings {
 display: none;
}

.podcast-player__progress {
 grid-area: progress;
 display: grid;
 grid-template-columns: 45px minmax(0, 600px) 45px;
 align-items: center;
 justify-content: center;
}

.podcast-player__progress-current-time,
.podcast-player__progress-time {
 font-size: 12px;
}

.podcast-player__progress-time {
 text-align: right;
}

.podcast-player__progress-bar {
 height: 10px;
 display: flex;
 justify-content: center;
 align-items: center;
}

.podcast-player__progress-bar > input[type="range"] {
 align-items: center;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background: none;
 cursor: pointer;
 display: flex;
 height: 10px;
 min-height: 10px;
 overflow: hidden;
 width: 100%;
}

.podcast-player__progress-bar > input[type="range"]:focus {
 box-shadow: none;
 outline: none;
}

.podcast-player__progress-bar
 > input[type="range"]::-webkit-slider-runnable-track {
 background-color: var(--progess-up-color);
 height: 1px;
 pointer-events: none;
}

.podcast-player__progress-bar > input[type="range"]::-webkit-slider-thumb {
 -webkit-appearance: none;
 appearance: none;
 width: 5px;
 height: 5px;
 background-color: var(--progess-up-color);
 box-shadow:
  0 0 0 -2px var(--progess-back-color),
  1px 0 0 -2px var(--progess-back-color),
  2px 0 0 -2px var(--progess-back-color),
  3px 0 0 -2px var(--progess-back-color),
  4px 0 0 -2px var(--progess-back-color),
  5px 0 0 -2px var(--progess-back-color),
  6px 0 0 -2px var(--progess-back-color),
  7px 0 0 -2px var(--progess-back-color),
  8px 0 0 -2px var(--progess-back-color),
  9px 0 0 -2px var(--progess-back-color),
  10px 0 0 -2px var(--progess-back-color),
  11px 0 0 -2px var(--progess-back-color),
  12px 0 0 -2px var(--progess-back-color),
  13px 0 0 -2px var(--progess-back-color),
  14px 0 0 -2px var(--progess-back-color),
  15px 0 0 -2px var(--progess-back-color),
  16px 0 0 -2px var(--progess-back-color),
  17px 0 0 -2px var(--progess-back-color),
  18px 0 0 -2px var(--progess-back-color),
  19px 0 0 -2px var(--progess-back-color),
  20px 0 0 -2px var(--progess-back-color),
  21px 0 0 -2px var(--progess-back-color),
  22px 0 0 -2px var(--progess-back-color),
  23px 0 0 -2px var(--progess-back-color),
  24px 0 0 -2px var(--progess-back-color),
  25px 0 0 -2px var(--progess-back-color),
  26px 0 0 -2px var(--progess-back-color),
  27px 0 0 -2px var(--progess-back-color),
  28px 0 0 -2px var(--progess-back-color),
  29px 0 0 -2px var(--progess-back-color),
  30px 0 0 -2px var(--progess-back-color),
  31px 0 0 -2px var(--progess-back-color),
  32px 0 0 -2px var(--progess-back-color),
  33px 0 0 -2px var(--progess-back-color),
  34px 0 0 -2px var(--progess-back-color),
  35px 0 0 -2px var(--progess-back-color),
  36px 0 0 -2px var(--progess-back-color),
  37px 0 0 -2px var(--progess-back-color),
  38px 0 0 -2px var(--progess-back-color),
  39px 0 0 -2px var(--progess-back-color),
  40px 0 0 -2px var(--progess-back-color),
  41px 0 0 -2px var(--progess-back-color),
  42px 0 0 -2px var(--progess-back-color),
  43px 0 0 -2px var(--progess-back-color),
  44px 0 0 -2px var(--progess-back-color),
  45px 0 0 -2px var(--progess-back-color),
  46px 0 0 -2px var(--progess-back-color),
  47px 0 0 -2px var(--progess-back-color),
  48px 0 0 -2px var(--progess-back-color),
  49px 0 0 -2px var(--progess-back-color),
  50px 0 0 -2px var(--progess-back-color),
  51px 0 0 -2px var(--progess-back-color),
  52px 0 0 -2px var(--progess-back-color),
  53px 0 0 -2px var(--progess-back-color),
  54px 0 0 -2px var(--progess-back-color),
  55px 0 0 -2px var(--progess-back-color),
  56px 0 0 -2px var(--progess-back-color),
  57px 0 0 -2px var(--progess-back-color),
  58px 0 0 -2px var(--progess-back-color),
  59px 0 0 -2px var(--progess-back-color),
  60px 0 0 -2px var(--progess-back-color),
  61px 0 0 -2px var(--progess-back-color),
  62px 0 0 -2px var(--progess-back-color),
  63px 0 0 -2px var(--progess-back-color),
  64px 0 0 -2px var(--progess-back-color),
  65px 0 0 -2px var(--progess-back-color),
  66px 0 0 -2px var(--progess-back-color),
  67px 0 0 -2px var(--progess-back-color),
  68px 0 0 -2px var(--progess-back-color),
  69px 0 0 -2px var(--progess-back-color),
  70px 0 0 -2px var(--progess-back-color),
  71px 0 0 -2px var(--progess-back-color),
  72px 0 0 -2px var(--progess-back-color),
  73px 0 0 -2px var(--progess-back-color),
  74px 0 0 -2px var(--progess-back-color),
  75px 0 0 -2px var(--progess-back-color),
  76px 0 0 -2px var(--progess-back-color),
  77px 0 0 -2px var(--progess-back-color),
  78px 0 0 -2px var(--progess-back-color),
  79px 0 0 -2px var(--progess-back-color),
  80px 0 0 -2px var(--progess-back-color),
  81px 0 0 -2px var(--progess-back-color),
  82px 0 0 -2px var(--progess-back-color),
  83px 0 0 -2px var(--progess-back-color),
  84px 0 0 -2px var(--progess-back-color),
  85px 0 0 -2px var(--progess-back-color),
  86px 0 0 -2px var(--progess-back-color),
  87px 0 0 -2px var(--progess-back-color),
  88px 0 0 -2px var(--progess-back-color),
  89px 0 0 -2px var(--progess-back-color),
  90px 0 0 -2px var(--progess-back-color),
  91px 0 0 -2px var(--progess-back-color),
  92px 0 0 -2px var(--progess-back-color),
  93px 0 0 -2px var(--progess-back-color),
  94px 0 0 -2px var(--progess-back-color),
  95px 0 0 -2px var(--progess-back-color),
  96px 0 0 -2px var(--progess-back-color),
  97px 0 0 -2px var(--progess-back-color),
  98px 0 0 -2px var(--progess-back-color),
  99px 0 0 -2px var(--progess-back-color),
  100px 0 0 -2px var(--progess-back-color),
  101px 0 0 -2px var(--progess-back-color),
  102px 0 0 -2px var(--progess-back-color),
  103px 0 0 -2px var(--progess-back-color),
  104px 0 0 -2px var(--progess-back-color),
  105px 0 0 -2px var(--progess-back-color),
  106px 0 0 -2px var(--progess-back-color),
  107px 0 0 -2px var(--progess-back-color),
  108px 0 0 -2px var(--progess-back-color),
  109px 0 0 -2px var(--progess-back-color),
  110px 0 0 -2px var(--progess-back-color),
  111px 0 0 -2px var(--progess-back-color),
  112px 0 0 -2px var(--progess-back-color),
  113px 0 0 -2px var(--progess-back-color),
  114px 0 0 -2px var(--progess-back-color),
  115px 0 0 -2px var(--progess-back-color),
  116px 0 0 -2px var(--progess-back-color),
  117px 0 0 -2px var(--progess-back-color),
  118px 0 0 -2px var(--progess-back-color),
  119px 0 0 -2px var(--progess-back-color),
  120px 0 0 -2px var(--progess-back-color),
  121px 0 0 -2px var(--progess-back-color),
  122px 0 0 -2px var(--progess-back-color),
  123px 0 0 -2px var(--progess-back-color),
  124px 0 0 -2px var(--progess-back-color),
  125px 0 0 -2px var(--progess-back-color),
  126px 0 0 -2px var(--progess-back-color),
  127px 0 0 -2px var(--progess-back-color),
  128px 0 0 -2px var(--progess-back-color),
  129px 0 0 -2px var(--progess-back-color),
  130px 0 0 -2px var(--progess-back-color),
  131px 0 0 -2px var(--progess-back-color),
  132px 0 0 -2px var(--progess-back-color),
  133px 0 0 -2px var(--progess-back-color),
  134px 0 0 -2px var(--progess-back-color),
  135px 0 0 -2px var(--progess-back-color),
  136px 0 0 -2px var(--progess-back-color),
  137px 0 0 -2px var(--progess-back-color),
  138px 0 0 -2px var(--progess-back-color),
  139px 0 0 -2px var(--progess-back-color),
  140px 0 0 -2px var(--progess-back-color),
  141px 0 0 -2px var(--progess-back-color),
  142px 0 0 -2px var(--progess-back-color),
  143px 0 0 -2px var(--progess-back-color),
  144px 0 0 -2px var(--progess-back-color),
  145px 0 0 -2px var(--progess-back-color),
  146px 0 0 -2px var(--progess-back-color),
  147px 0 0 -2px var(--progess-back-color),
  148px 0 0 -2px var(--progess-back-color),
  149px 0 0 -2px var(--progess-back-color),
  150px 0 0 -2px var(--progess-back-color),
  151px 0 0 -2px var(--progess-back-color),
  152px 0 0 -2px var(--progess-back-color),
  153px 0 0 -2px var(--progess-back-color),
  154px 0 0 -2px var(--progess-back-color),
  155px 0 0 -2px var(--progess-back-color),
  156px 0 0 -2px var(--progess-back-color),
  157px 0 0 -2px var(--progess-back-color),
  158px 0 0 -2px var(--progess-back-color),
  159px 0 0 -2px var(--progess-back-color),
  160px 0 0 -2px var(--progess-back-color),
  161px 0 0 -2px var(--progess-back-color),
  162px 0 0 -2px var(--progess-back-color),
  163px 0 0 -2px var(--progess-back-color),
  164px 0 0 -2px var(--progess-back-color),
  165px 0 0 -2px var(--progess-back-color),
  166px 0 0 -2px var(--progess-back-color),
  167px 0 0 -2px var(--progess-back-color),
  168px 0 0 -2px var(--progess-back-color),
  169px 0 0 -2px var(--progess-back-color),
  170px 0 0 -2px var(--progess-back-color),
  171px 0 0 -2px var(--progess-back-color),
  172px 0 0 -2px var(--progess-back-color),
  173px 0 0 -2px var(--progess-back-color),
  174px 0 0 -2px var(--progess-back-color),
  175px 0 0 -2px var(--progess-back-color),
  176px 0 0 -2px var(--progess-back-color),
  177px 0 0 -2px var(--progess-back-color),
  178px 0 0 -2px var(--progess-back-color),
  179px 0 0 -2px var(--progess-back-color),
  180px 0 0 -2px var(--progess-back-color),
  181px 0 0 -2px var(--progess-back-color),
  182px 0 0 -2px var(--progess-back-color),
  183px 0 0 -2px var(--progess-back-color),
  184px 0 0 -2px var(--progess-back-color),
  185px 0 0 -2px var(--progess-back-color),
  186px 0 0 -2px var(--progess-back-color),
  187px 0 0 -2px var(--progess-back-color),
  188px 0 0 -2px var(--progess-back-color),
  189px 0 0 -2px var(--progess-back-color),
  190px 0 0 -2px var(--progess-back-color),
  191px 0 0 -2px var(--progess-back-color),
  192px 0 0 -2px var(--progess-back-color),
  193px 0 0 -2px var(--progess-back-color),
  194px 0 0 -2px var(--progess-back-color),
  195px 0 0 -2px var(--progess-back-color),
  196px 0 0 -2px var(--progess-back-color),
  197px 0 0 -2px var(--progess-back-color),
  198px 0 0 -2px var(--progess-back-color),
  199px 0 0 -2px var(--progess-back-color),
  200px 0 0 -2px var(--progess-back-color),
  201px 0 0 -2px var(--progess-back-color),
  202px 0 0 -2px var(--progess-back-color),
  203px 0 0 -2px var(--progess-back-color),
  204px 0 0 -2px var(--progess-back-color),
  205px 0 0 -2px var(--progess-back-color),
  206px 0 0 -2px var(--progess-back-color),
  207px 0 0 -2px var(--progess-back-color),
  208px 0 0 -2px var(--progess-back-color),
  209px 0 0 -2px var(--progess-back-color),
  210px 0 0 -2px var(--progess-back-color),
  211px 0 0 -2px var(--progess-back-color),
  212px 0 0 -2px var(--progess-back-color),
  213px 0 0 -2px var(--progess-back-color),
  214px 0 0 -2px var(--progess-back-color),
  215px 0 0 -2px var(--progess-back-color),
  216px 0 0 -2px var(--progess-back-color),
  217px 0 0 -2px var(--progess-back-color),
  218px 0 0 -2px var(--progess-back-color),
  219px 0 0 -2px var(--progess-back-color),
  220px 0 0 -2px var(--progess-back-color),
  221px 0 0 -2px var(--progess-back-color),
  222px 0 0 -2px var(--progess-back-color),
  223px 0 0 -2px var(--progess-back-color),
  224px 0 0 -2px var(--progess-back-color),
  225px 0 0 -2px var(--progess-back-color),
  226px 0 0 -2px var(--progess-back-color),
  227px 0 0 -2px var(--progess-back-color),
  228px 0 0 -2px var(--progess-back-color),
  229px 0 0 -2px var(--progess-back-color),
  230px 0 0 -2px var(--progess-back-color),
  231px 0 0 -2px var(--progess-back-color),
  232px 0 0 -2px var(--progess-back-color),
  233px 0 0 -2px var(--progess-back-color),
  234px 0 0 -2px var(--progess-back-color),
  235px 0 0 -2px var(--progess-back-color),
  236px 0 0 -2px var(--progess-back-color),
  237px 0 0 -2px var(--progess-back-color),
  238px 0 0 -2px var(--progess-back-color),
  239px 0 0 -2px var(--progess-back-color),
  240px 0 0 -2px var(--progess-back-color),
  241px 0 0 -2px var(--progess-back-color),
  242px 0 0 -2px var(--progess-back-color),
  243px 0 0 -2px var(--progess-back-color),
  244px 0 0 -2px var(--progess-back-color),
  245px 0 0 -2px var(--progess-back-color),
  246px 0 0 -2px var(--progess-back-color),
  247px 0 0 -2px var(--progess-back-color),
  248px 0 0 -2px var(--progess-back-color),
  249px 0 0 -2px var(--progess-back-color),
  250px 0 0 -2px var(--progess-back-color),
  251px 0 0 -2px var(--progess-back-color),
  252px 0 0 -2px var(--progess-back-color),
  253px 0 0 -2px var(--progess-back-color),
  254px 0 0 -2px var(--progess-back-color),
  255px 0 0 -2px var(--progess-back-color),
  256px 0 0 -2px var(--progess-back-color),
  257px 0 0 -2px var(--progess-back-color),
  258px 0 0 -2px var(--progess-back-color),
  259px 0 0 -2px var(--progess-back-color),
  260px 0 0 -2px var(--progess-back-color),
  261px 0 0 -2px var(--progess-back-color),
  262px 0 0 -2px var(--progess-back-color),
  263px 0 0 -2px var(--progess-back-color),
  264px 0 0 -2px var(--progess-back-color),
  265px 0 0 -2px var(--progess-back-color),
  266px 0 0 -2px var(--progess-back-color),
  267px 0 0 -2px var(--progess-back-color),
  268px 0 0 -2px var(--progess-back-color),
  269px 0 0 -2px var(--progess-back-color),
  270px 0 0 -2px var(--progess-back-color),
  271px 0 0 -2px var(--progess-back-color),
  272px 0 0 -2px var(--progess-back-color),
  273px 0 0 -2px var(--progess-back-color),
  274px 0 0 -2px var(--progess-back-color),
  275px 0 0 -2px var(--progess-back-color),
  276px 0 0 -2px var(--progess-back-color),
  277px 0 0 -2px var(--progess-back-color),
  278px 0 0 -2px var(--progess-back-color),
  279px 0 0 -2px var(--progess-back-color),
  280px 0 0 -2px var(--progess-back-color),
  281px 0 0 -2px var(--progess-back-color),
  282px 0 0 -2px var(--progess-back-color),
  283px 0 0 -2px var(--progess-back-color),
  284px 0 0 -2px var(--progess-back-color),
  285px 0 0 -2px var(--progess-back-color),
  286px 0 0 -2px var(--progess-back-color),
  287px 0 0 -2px var(--progess-back-color),
  288px 0 0 -2px var(--progess-back-color),
  289px 0 0 -2px var(--progess-back-color),
  290px 0 0 -2px var(--progess-back-color),
  291px 0 0 -2px var(--progess-back-color),
  292px 0 0 -2px var(--progess-back-color),
  293px 0 0 -2px var(--progess-back-color),
  294px 0 0 -2px var(--progess-back-color),
  295px 0 0 -2px var(--progess-back-color),
  296px 0 0 -2px var(--progess-back-color),
  297px 0 0 -2px var(--progess-back-color),
  298px 0 0 -2px var(--progess-back-color),
  299px 0 0 -2px var(--progess-back-color),
  300px 0 0 -2px var(--progess-back-color),
  301px 0 0 -2px var(--progess-back-color),
  302px 0 0 -2px var(--progess-back-color),
  303px 0 0 -2px var(--progess-back-color),
  304px 0 0 -2px var(--progess-back-color),
  305px 0 0 -2px var(--progess-back-color),
  306px 0 0 -2px var(--progess-back-color),
  307px 0 0 -2px var(--progess-back-color),
  308px 0 0 -2px var(--progess-back-color),
  309px 0 0 -2px var(--progess-back-color),
  310px 0 0 -2px var(--progess-back-color),
  311px 0 0 -2px var(--progess-back-color),
  312px 0 0 -2px var(--progess-back-color),
  313px 0 0 -2px var(--progess-back-color),
  314px 0 0 -2px var(--progess-back-color),
  315px 0 0 -2px var(--progess-back-color),
  316px 0 0 -2px var(--progess-back-color),
  317px 0 0 -2px var(--progess-back-color),
  318px 0 0 -2px var(--progess-back-color),
  319px 0 0 -2px var(--progess-back-color),
  320px 0 0 -2px var(--progess-back-color),
  321px 0 0 -2px var(--progess-back-color),
  322px 0 0 -2px var(--progess-back-color),
  323px 0 0 -2px var(--progess-back-color),
  324px 0 0 -2px var(--progess-back-color),
  325px 0 0 -2px var(--progess-back-color),
  326px 0 0 -2px var(--progess-back-color),
  327px 0 0 -2px var(--progess-back-color),
  328px 0 0 -2px var(--progess-back-color),
  329px 0 0 -2px var(--progess-back-color),
  330px 0 0 -2px var(--progess-back-color),
  331px 0 0 -2px var(--progess-back-color),
  332px 0 0 -2px var(--progess-back-color),
  333px 0 0 -2px var(--progess-back-color),
  334px 0 0 -2px var(--progess-back-color),
  335px 0 0 -2px var(--progess-back-color),
  336px 0 0 -2px var(--progess-back-color),
  337px 0 0 -2px var(--progess-back-color),
  338px 0 0 -2px var(--progess-back-color),
  339px 0 0 -2px var(--progess-back-color),
  340px 0 0 -2px var(--progess-back-color),
  341px 0 0 -2px var(--progess-back-color),
  342px 0 0 -2px var(--progess-back-color),
  343px 0 0 -2px var(--progess-back-color),
  344px 0 0 -2px var(--progess-back-color),
  345px 0 0 -2px var(--progess-back-color),
  346px 0 0 -2px var(--progess-back-color),
  347px 0 0 -2px var(--progess-back-color),
  348px 0 0 -2px var(--progess-back-color),
  349px 0 0 -2px var(--progess-back-color),
  350px 0 0 -2px var(--progess-back-color),
  351px 0 0 -2px var(--progess-back-color),
  352px 0 0 -2px var(--progess-back-color),
  353px 0 0 -2px var(--progess-back-color),
  354px 0 0 -2px var(--progess-back-color),
  355px 0 0 -2px var(--progess-back-color),
  356px 0 0 -2px var(--progess-back-color),
  357px 0 0 -2px var(--progess-back-color),
  358px 0 0 -2px var(--progess-back-color),
  359px 0 0 -2px var(--progess-back-color),
  360px 0 0 -2px var(--progess-back-color),
  361px 0 0 -2px var(--progess-back-color),
  362px 0 0 -2px var(--progess-back-color),
  363px 0 0 -2px var(--progess-back-color),
  364px 0 0 -2px var(--progess-back-color),
  365px 0 0 -2px var(--progess-back-color),
  366px 0 0 -2px var(--progess-back-color),
  367px 0 0 -2px var(--progess-back-color),
  368px 0 0 -2px var(--progess-back-color),
  369px 0 0 -2px var(--progess-back-color),
  370px 0 0 -2px var(--progess-back-color),
  371px 0 0 -2px var(--progess-back-color),
  372px 0 0 -2px var(--progess-back-color),
  373px 0 0 -2px var(--progess-back-color),
  374px 0 0 -2px var(--progess-back-color),
  375px 0 0 -2px var(--progess-back-color),
  376px 0 0 -2px var(--progess-back-color),
  377px 0 0 -2px var(--progess-back-color),
  378px 0 0 -2px var(--progess-back-color),
  379px 0 0 -2px var(--progess-back-color),
  380px 0 0 -2px var(--progess-back-color),
  381px 0 0 -2px var(--progess-back-color),
  382px 0 0 -2px var(--progess-back-color),
  383px 0 0 -2px var(--progess-back-color),
  384px 0 0 -2px var(--progess-back-color),
  385px 0 0 -2px var(--progess-back-color),
  386px 0 0 -2px var(--progess-back-color),
  387px 0 0 -2px var(--progess-back-color),
  388px 0 0 -2px var(--progess-back-color),
  389px 0 0 -2px var(--progess-back-color),
  390px 0 0 -2px var(--progess-back-color),
  391px 0 0 -2px var(--progess-back-color),
  392px 0 0 -2px var(--progess-back-color),
  393px 0 0 -2px var(--progess-back-color),
  394px 0 0 -2px var(--progess-back-color),
  395px 0 0 -2px var(--progess-back-color),
  396px 0 0 -2px var(--progess-back-color),
  397px 0 0 -2px var(--progess-back-color),
  398px 0 0 -2px var(--progess-back-color),
  399px 0 0 -2px var(--progess-back-color),
  400px 0 0 -2px var(--progess-back-color),
  401px 0 0 -2px var(--progess-back-color),
  402px 0 0 -2px var(--progess-back-color),
  403px 0 0 -2px var(--progess-back-color),
  404px 0 0 -2px var(--progess-back-color),
  405px 0 0 -2px var(--progess-back-color),
  406px 0 0 -2px var(--progess-back-color),
  407px 0 0 -2px var(--progess-back-color),
  408px 0 0 -2px var(--progess-back-color),
  409px 0 0 -2px var(--progess-back-color),
  410px 0 0 -2px var(--progess-back-color),
  411px 0 0 -2px var(--progess-back-color),
  412px 0 0 -2px var(--progess-back-color),
  413px 0 0 -2px var(--progess-back-color),
  414px 0 0 -2px var(--progess-back-color),
  415px 0 0 -2px var(--progess-back-color),
  416px 0 0 -2px var(--progess-back-color),
  417px 0 0 -2px var(--progess-back-color),
  418px 0 0 -2px var(--progess-back-color),
  419px 0 0 -2px var(--progess-back-color),
  420px 0 0 -2px var(--progess-back-color),
  421px 0 0 -2px var(--progess-back-color),
  422px 0 0 -2px var(--progess-back-color),
  423px 0 0 -2px var(--progess-back-color),
  424px 0 0 -2px var(--progess-back-color),
  425px 0 0 -2px var(--progess-back-color),
  426px 0 0 -2px var(--progess-back-color),
  427px 0 0 -2px var(--progess-back-color),
  428px 0 0 -2px var(--progess-back-color),
  429px 0 0 -2px var(--progess-back-color),
  430px 0 0 -2px var(--progess-back-color),
  431px 0 0 -2px var(--progess-back-color),
  432px 0 0 -2px var(--progess-back-color),
  433px 0 0 -2px var(--progess-back-color),
  434px 0 0 -2px var(--progess-back-color),
  435px 0 0 -2px var(--progess-back-color),
  436px 0 0 -2px var(--progess-back-color),
  437px 0 0 -2px var(--progess-back-color),
  438px 0 0 -2px var(--progess-back-color),
  439px 0 0 -2px var(--progess-back-color),
  440px 0 0 -2px var(--progess-back-color),
  441px 0 0 -2px var(--progess-back-color),
  442px 0 0 -2px var(--progess-back-color),
  443px 0 0 -2px var(--progess-back-color),
  444px 0 0 -2px var(--progess-back-color),
  445px 0 0 -2px var(--progess-back-color),
  446px 0 0 -2px var(--progess-back-color),
  447px 0 0 -2px var(--progess-back-color),
  448px 0 0 -2px var(--progess-back-color),
  449px 0 0 -2px var(--progess-back-color),
  450px 0 0 -2px var(--progess-back-color),
  451px 0 0 -2px var(--progess-back-color),
  452px 0 0 -2px var(--progess-back-color),
  453px 0 0 -2px var(--progess-back-color),
  454px 0 0 -2px var(--progess-back-color),
  455px 0 0 -2px var(--progess-back-color),
  456px 0 0 -2px var(--progess-back-color),
  457px 0 0 -2px var(--progess-back-color),
  458px 0 0 -2px var(--progess-back-color),
  459px 0 0 -2px var(--progess-back-color),
  460px 0 0 -2px var(--progess-back-color),
  461px 0 0 -2px var(--progess-back-color),
  462px 0 0 -2px var(--progess-back-color),
  463px 0 0 -2px var(--progess-back-color),
  464px 0 0 -2px var(--progess-back-color),
  465px 0 0 -2px var(--progess-back-color),
  466px 0 0 -2px var(--progess-back-color),
  467px 0 0 -2px var(--progess-back-color),
  468px 0 0 -2px var(--progess-back-color),
  469px 0 0 -2px var(--progess-back-color),
  470px 0 0 -2px var(--progess-back-color),
  471px 0 0 -2px var(--progess-back-color),
  472px 0 0 -2px var(--progess-back-color),
  473px 0 0 -2px var(--progess-back-color),
  474px 0 0 -2px var(--progess-back-color),
  475px 0 0 -2px var(--progess-back-color),
  476px 0 0 -2px var(--progess-back-color),
  477px 0 0 -2px var(--progess-back-color),
  478px 0 0 -2px var(--progess-back-color),
  479px 0 0 -2px var(--progess-back-color),
  480px 0 0 -2px var(--progess-back-color),
  481px 0 0 -2px var(--progess-back-color),
  482px 0 0 -2px var(--progess-back-color),
  483px 0 0 -2px var(--progess-back-color),
  484px 0 0 -2px var(--progess-back-color),
  485px 0 0 -2px var(--progess-back-color),
  486px 0 0 -2px var(--progess-back-color),
  487px 0 0 -2px var(--progess-back-color),
  488px 0 0 -2px var(--progess-back-color),
  489px 0 0 -2px var(--progess-back-color),
  490px 0 0 -2px var(--progess-back-color),
  491px 0 0 -2px var(--progess-back-color),
  492px 0 0 -2px var(--progess-back-color),
  493px 0 0 -2px var(--progess-back-color),
  494px 0 0 -2px var(--progess-back-color),
  495px 0 0 -2px var(--progess-back-color),
  496px 0 0 -2px var(--progess-back-color),
  497px 0 0 -2px var(--progess-back-color),
  498px 0 0 -2px var(--progess-back-color),
  499px 0 0 -2px var(--progess-back-color),
  500px 0 0 -2px var(--progess-back-color),
  501px 0 0 -2px var(--progess-back-color),
  502px 0 0 -2px var(--progess-back-color),
  503px 0 0 -2px var(--progess-back-color),
  504px 0 0 -2px var(--progess-back-color),
  505px 0 0 -2px var(--progess-back-color),
  506px 0 0 -2px var(--progess-back-color),
  507px 0 0 -2px var(--progess-back-color),
  508px 0 0 -2px var(--progess-back-color),
  509px 0 0 -2px var(--progess-back-color),
  510px 0 0 -2px var(--progess-back-color),
  511px 0 0 -2px var(--progess-back-color),
  512px 0 0 -2px var(--progess-back-color),
  513px 0 0 -2px var(--progess-back-color),
  514px 0 0 -2px var(--progess-back-color),
  515px 0 0 -2px var(--progess-back-color),
  516px 0 0 -2px var(--progess-back-color),
  517px 0 0 -2px var(--progess-back-color),
  518px 0 0 -2px var(--progess-back-color),
  519px 0 0 -2px var(--progess-back-color),
  520px 0 0 -2px var(--progess-back-color),
  521px 0 0 -2px var(--progess-back-color),
  522px 0 0 -2px var(--progess-back-color),
  523px 0 0 -2px var(--progess-back-color),
  524px 0 0 -2px var(--progess-back-color),
  525px 0 0 -2px var(--progess-back-color),
  526px 0 0 -2px var(--progess-back-color),
  527px 0 0 -2px var(--progess-back-color),
  528px 0 0 -2px var(--progess-back-color),
  529px 0 0 -2px var(--progess-back-color),
  530px 0 0 -2px var(--progess-back-color),
  531px 0 0 -2px var(--progess-back-color),
  532px 0 0 -2px var(--progess-back-color),
  533px 0 0 -2px var(--progess-back-color),
  534px 0 0 -2px var(--progess-back-color),
  535px 0 0 -2px var(--progess-back-color),
  536px 0 0 -2px var(--progess-back-color),
  537px 0 0 -2px var(--progess-back-color),
  538px 0 0 -2px var(--progess-back-color),
  539px 0 0 -2px var(--progess-back-color),
  540px 0 0 -2px var(--progess-back-color),
  541px 0 0 -2px var(--progess-back-color),
  542px 0 0 -2px var(--progess-back-color),
  543px 0 0 -2px var(--progess-back-color),
  544px 0 0 -2px var(--progess-back-color),
  545px 0 0 -2px var(--progess-back-color),
  546px 0 0 -2px var(--progess-back-color),
  547px 0 0 -2px var(--progess-back-color),
  548px 0 0 -2px var(--progess-back-color),
  549px 0 0 -2px var(--progess-back-color),
  550px 0 0 -2px var(--progess-back-color),
  551px 0 0 -2px var(--progess-back-color),
  552px 0 0 -2px var(--progess-back-color),
  553px 0 0 -2px var(--progess-back-color),
  554px 0 0 -2px var(--progess-back-color),
  555px 0 0 -2px var(--progess-back-color),
  556px 0 0 -2px var(--progess-back-color),
  557px 0 0 -2px var(--progess-back-color),
  558px 0 0 -2px var(--progess-back-color),
  559px 0 0 -2px var(--progess-back-color),
  560px 0 0 -2px var(--progess-back-color),
  561px 0 0 -2px var(--progess-back-color),
  562px 0 0 -2px var(--progess-back-color),
  563px 0 0 -2px var(--progess-back-color),
  564px 0 0 -2px var(--progess-back-color),
  565px 0 0 -2px var(--progess-back-color),
  566px 0 0 -2px var(--progess-back-color),
  567px 0 0 -2px var(--progess-back-color),
  568px 0 0 -2px var(--progess-back-color),
  569px 0 0 -2px var(--progess-back-color),
  570px 0 0 -2px var(--progess-back-color),
  571px 0 0 -2px var(--progess-back-color),
  572px 0 0 -2px var(--progess-back-color),
  573px 0 0 -2px var(--progess-back-color),
  574px 0 0 -2px var(--progess-back-color),
  575px 0 0 -2px var(--progess-back-color),
  576px 0 0 -2px var(--progess-back-color),
  577px 0 0 -2px var(--progess-back-color),
  578px 0 0 -2px var(--progess-back-color),
  579px 0 0 -2px var(--progess-back-color),
  580px 0 0 -2px var(--progess-back-color),
  581px 0 0 -2px var(--progess-back-color),
  582px 0 0 -2px var(--progess-back-color),
  583px 0 0 -2px var(--progess-back-color),
  584px 0 0 -2px var(--progess-back-color),
  585px 0 0 -2px var(--progess-back-color),
  586px 0 0 -2px var(--progess-back-color),
  587px 0 0 -2px var(--progess-back-color),
  588px 0 0 -2px var(--progess-back-color),
  589px 0 0 -2px var(--progess-back-color),
  590px 0 0 -2px var(--progess-back-color),
  591px 0 0 -2px var(--progess-back-color),
  592px 0 0 -2px var(--progess-back-color),
  593px 0 0 -2px var(--progess-back-color),
  594px 0 0 -2px var(--progess-back-color),
  595px 0 0 -2px var(--progess-back-color),
  596px 0 0 -2px var(--progess-back-color),
  597px 0 0 -2px var(--progess-back-color),
  598px 0 0 -2px var(--progess-back-color),
  599px 0 0 -2px var(--progess-back-color),
  600px 0 0 -2px var(--progess-back-color);
 border-radius: 50%;
 margin-top: -2px;
 border: none;
}

.podcast-player__progress-bar > input[type="range"]::-moz-range-track {
 width: 100%;
 height: 1px;
 background-color: var(--progess-back-color);
}

.podcast-player__progress-bar > input[type="range"]::-moz-range-thumb {
 width: 5px;
 height: 5px;
 background-color: var(--progess-up-color);
 border-radius: 50%;
 border: none;
}

.podcast-player__progress-bar > input[type="range"]::-moz-range-progress {
 height: 1px;
 background-color: var(--progess-up-color);
 border: 0;
 margin-top: 0;
}

button#onesignal-slidedown-allow-button.align-right.primary.slidedown-button {
 height: auto;
}

.raffle {
 background-color: var(--white-100);
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 position: relative;
}

.raffle:has(.raffle__success) {
 background-color: var(--orange-10);
}

.raffle-ctn {
 display: flex;
 flex-direction: column;
 flex: 1;
 justify-content: space-between;
 margin: 0 auto;
 max-width: 506px;
 width: calc(100% - 32px);
 padding: 24px 0;
}

.raffle-missing-id {
 text-align: center;
 margin: auto;
 font-size: 40px;
 font-weight: 600;
}

.raffle-detail,
.raffle-head,
.raffle-steps {
 display: flex;
 flex-direction: column;
 text-align: center;
}

.raffle-welcome {
 color: var(--gray-100);
 font-size: 18px;
 font-weight: 500;
 margin-bottom: 16px;
}

.raffle-description {
 border-bottom: 1px solid var(--gray-40);
 color: var(--gray-90);
 margin-bottom: 16px;
 padding-bottom: 16px;
}

.raffle-username {
 font-weight: 400;
}

.raffle-arrows {
 display: flex;
 justify-content: space-between;
}

.raffle-arrow {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background: none;
 border: none;
 -moz-column-gap: 6px;
 column-gap: 6px;
 cursor: pointer;
 display: flex;
 font-family: Roboto;
 font-size: 16px;
}

.raffle-arrow--inactive {
 color: var(--gray-60);
}

.raffle-arrow--active {
 color: var(--gray-80);
}

.raffle-arrow > svg.chevron-left {
 transform: rotate(180deg);
}

.raffle-arrow > svg.chevron-left,
.raffle-arrow > svg.chevron-right {
 width: 8px;
 height: 12px;
 display: inline-flex;
}

.raffle-arrow--active svg.chevron-left path,
.raffle-arrow--active svg.chevron-right path {
 fill: var(--gray-80);
}

.raffle-steps {
 align-self: center;
 font-size: 14px;
 margin-bottom: 16px;
}

.raffle__row {
 display: grid;
 grid-template-columns: repeat(1, auto);
}

.raffle__row--70-30 {
 grid-template-columns: 6fr 4fr;
}

.raffle__success {
 align-items: center;
 display: flex;
 flex-direction: column;
 text-align: center;
 padding: 8px;
}

.raffle__success--title {
 font-size: 24px;
 font-weight: 700;
 margin-bottom: 16px;
}

.raffle__success--subtitle {
 font-size: 16px;
 margin-bottom: 16px;
}

.raffle__success--text {
 font-size: 16px;
 font-weight: 300;
 margin-bottom: 32px;
}

.raffle__success--error-icon {
 width: 37px;
 margin-bottom: 16px;
}

.raffle__success-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background-color: var(--white-100);
 border: 1px solid var(--gray-50);
 border-radius: 100px;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 gap: 6px;
 height: 38px;
 justify-content: center;
 padding: 8px 16px;
 width: -moz-max-content;
 width: max-content;
}

.raffle__success-button:active {
 background-color: var(--orange-30);
}

.raffle__success-button:hover {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
}

.raffle__success-divider {
 background-color: var(--gray-40);
 height: 1px;
 margin: 20px 0;
 width: 100%;
}

.raffle__text-share {
 font-size: 16px;
 font-weight: 300;
 margin-bottom: 16px;
}

.raffle .preference-label {
 font-size: 16px;
 font-weight: 500;
 margin: 8px 0 40px;
 text-align: center;
}

.raffle .preference-options__container {
 display: grid;
 grid-template-columns: minmax(max-content, 100%) minmax(max-content, 0);
 gap: 32px 0;
 margin: 0 43px 32px;
}

.raffle .preference-option__container {
 align-items: center;
 -moz-column-gap: 8px;
 column-gap: 8px;
 display: flex;
 height: 25px;
}

.raffle .preference-option__check {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 cursor: pointer;
 height: 14px;
 width: 14px;
}

.raffle .preference-option__check:after,
.raffle .preference-option__check:before {
 background: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-60);
 content: "";
 display: block;
 height: 12px;
 position: relative;
 width: 12px;
}

.raffle .preference-option__check:after {
 top: -14px;
}

.raffle .preference-option__check:checked:after {
 background-image: url(../images/d23-circle-check.svg);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 10px 10px;
}

.raffle .preference-option__label {
 color: var(--gray-90);
 font-size: 18px;
 padding-top: 2px;
}

.raffle .login-form-agree-terms-ctn {
 align-items: center;
 -moz-column-gap: 8px;
 column-gap: 8px;
 justify-content: flex-start;
}

.raffle .error-span {
 margin: 0 0 16px;
 display: inline-table;
}

.raffle__form {
 flex: 1;
}

:root {
 --background-card: #fff9f2;
 --background-card-hover: #fef4e6;
 --border-color: #fabb67;
 --show-more-color: var(--border-color-hover);
 --secondary-card-border-color: var(--border-color-hover);
}

.recommended-card {
 background-color: var(--background-card);
 border-radius: 6px;
 display: grid;
 font-family: Roboto, sans-serif;
 grid-template-columns: 1fr;
 height: auto;
 margin: 0 0 16px;
 overflow: hidden;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.recommended-card:active,
.recommended-card:hover {
 background-color: var(--background-card-hover);
}

.recommended-card--infobae {
 --background-card: #fff9f2;
 --background-card-hover: #fef4e6;
 --border-color: #fabb67;
}

.recommended-card--deportes,
.recommended-card--infobae {
 --show-more-color: var(--border-color);
 --secondary-card-border-color: var(--border-color);
}

.recommended-card--deportes {
 --background-card: #f2f9f3;
 --background-card-hover: #e6f3e7;
 --border-color: #80c185;
}

.recommended-card--teleshow {
 --background-card: #fbf2f2;
 --background-card-hover: #f7e6e6;
 --border-color: #d88080;
 --show-more-color: var(--border-color);
 --secondary-card-border-color: var(--border-color);
}

.recommended-card__image-container {
 display: none;
}

.recommended-card > .image-ph {
 height: 100%;
 margin: 0;
 grid-row: initial;
}

.recommended-card__info {
 height: 100%;
 padding: 8px 0 8px 8px;
 display: grid;
 grid-template: "interest interest" auto "title button" 1fr/1fr 40px;
 -moz-column-gap: 8px;
 column-gap: 8px;
 row-gap: 6px;
 border: 1px solid var(--border-color);
 border-radius: 6px;
}

.recommended-card__info-interest-you {
 color: var(--gray-100);
 font-weight: 400;
 font-size: 14px;
 grid-area: interest;
 line-height: 1.3;
}

.recommended-card__info-title {
 color: var(--gray-100);
 font-size: 16px;
 font-weight: 700;
 grid-area: title;
 line-height: 1.3;
 text-align: left;
}

.recommended-card__info-button {
 align-items: center;
 border-left: 2px solid var(--border-color);
 display: flex;
 justify-content: center;
 grid-area: button;
}

.recommended-card__info-button-icon {
 height: 12px;
 width: 7px;
 fill: var(--show-more-color);
}

.dark .recommended-card--infobae {
 --background-card: rgba(246, 142, 1, 0.050980392156862744);
 --background-card-hover: rgba(246, 142, 1, 0.10196078431372549);
 --border-color: rgba(246, 142, 1, 0.6);
}

.dark .recommended-card--deportes {
 --background-card: rgba(47, 207, 131, 0.050980392156862744);
 --background-card-hover: rgba(47, 207, 131, 0.10196078431372549);
 --border-color: rgba(47, 207, 131, 0.5019607843137255);
}

.dark .recommended-card--teleshow {
 --background-card: rgba(255, 139, 150, 0.050980392156862744);
 --background-card-hover: rgba(255, 139, 150, 0.10196078431372549);
 --border-color: rgba(255, 139, 150, 0.5019607843137255);
}

.dark .recommended-card__info-interest-you {
 color: var(--subheadlines);
}

.dark .recommended-card__info-title {
 color: var(--headlines);
}

.right-panel {
 background: var(--gray-0);
 border-bottom: 1px solid var(--gray-20);
 display: inline-block;
 padding-inline-start: 0;
 position: absolute;
 text-align: left;
 padding: 0 16px 8px;
 transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 width: 100vw;
 right: -101%;
 z-index: 20000;
 border-left: 1px solid var(--gray-20);
}

.right-panel.slide-open {
 right: 0;
}

.right-panel__button--ctn {
 position: relative;
 width: 100%;
}

.right-panel__button--logout-ctn {
 align-items: center;
 background-color: var(--gray-0);
 border-top: 1px solid var(--gray-40);
 bottom: 16px;
 display: flex;
 height: 43px;
 max-width: calc(100vw - 33px);
 position: fixed;
 width: 100%;
}

.right-panel__button--logout-ctn .right-panel__button--logout {
 width: 100%;
 padding: 16px;
 margin-bottom: 0;
 height: 35px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
}

.right-panel .button {
 background-color: transparent;
 border: none;
 color: var(--gray-90);
 cursor: pointer;
 font-size: 16px;
 text-align: left;
 font-weight: 400;
 line-height: 19px;
 height: 35px;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 border-radius: 18px;
 padding: 8px 16px;
 margin-bottom: 8px;
 width: 100%;
}

.right-panel .button:hover {
 background-color: var(--gray-20);
}

.right-panel__auth-buttons {
 display: grid;
 width: 100%;
 grid-template-rows: repeat(2, 32px);
 gap: 12px;
}

.right-panel__auth-buttons > button {
 font-family: Roboto, sans-serif;
 font-size: 14px;
 font-weight: 400;
 height: 32px;
 width: 100%;
}

.right-panel__auth-buttons > button:hover {
 cursor: pointer;
}

.right-panel__auth-buttons-login {
 background: transparent;
 border-radius: 32px;
 border: 1px solid var(--gray-70);
 color: var(--gray-80);
 height: 32px;
 width: 328px;
}

.right-panel__auth-buttons-register {
 background: var(--orange-20);
 border-radius: 32px;
 border: none;
 color: var(--gray-90);
 height: 32px;
 outline: none;
}

.right-panel__header {
 position: relative;
 z-index: 20000;
}

.right-panel__header--logged-in {
 padding-top: 16px;
}

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

.right-panel__content-info > span:first-child {
 font-size: 14px;
 font-weight: 500;
 line-height: 1.3;
 margin-bottom: 8px;
}

.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;
 display: flex;
 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;
 display: flex;
 flex-direction: row-reverse;
 gap: 10px;
 min-width: 72px;
 padding: 0 5px;
}

.share-bar-article-date-container {
 display: inline-flex;
 flex-flow: row wrap;
 justify-content: center;
 line-height: 1.6;
}

.share-bar-article-date-container.share-bar-article-date-divider span {
 color: var(--gray-80);
 font-size: 11px;
 font-style: normal;
 font-weight: 300;
 line-height: normal;
 padding-right: 5px;
 text-align: left;
}

.share-bar-article-date-divider > .sharebar-article-date:first-child {
 border-right: 1px solid var(--gray-40);
 margin-right: 7px;
 padding-right: 7px;
}

.sharebar-article-date {
 color: var(--gray-80);
 font-size: 12px;
 font-weight: 300;
 max-width: -moz-max-content;
 max-width: max-content;
 padding-top: 1px;
}

.sharebar-buttons {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: #3b3b3b;
 cursor: pointer;
 display: flex;
 gap: 6px;
 height: 38px;
 outline: none;
}

.button-save,
.button-saved {
 height: 38px;
 justify-content: center;
 padding: 8px;
 position: relative;
 width: 38px;
}

.button-save:hover {
 background-color: #f0f0f0;
}

.button-saved {
 background-color: rgba(246, 142, 1, 0.1);
 border: 1px solid rgba(246, 142, 1, 0.6);
}

.sharebar-buttons.button-saved:hover {
 background-color: rgba(246, 142, 1, 0.2);
}

.saved-new-tooltip {
 left: 50%;
 position: absolute;
 top: calc(100% + 5px);
 transform: translate(-50%);
 z-index: 49;
}

.sharemenu-buttons svg rect {
 fill: var(--white-100);
 stroke: var(--gray-50);
}

.sharemenu-buttons svg path {
 fill: var(--background-shared-btn);
}

.sharemenu-close {
 cursor: pointer;
 display: flex;
}

.button-share {
 align-items: center;
 display: flex;
 justify-content: center;
 width: 30px;
}

.button-share:hover {
 background-color: var(--gray-10);
}

.listen-icon-svg {
 height: 14px;
 width: 16px;
}

.button-share > .buttons-text {
 display: none;
}

.share-icon-svg {
 fill: var(--gray-90);
 height: 12px;
 width: 12px;
}

.sharemenu-container {
 background: var(--white-100);
 bottom: -100%;
 box-shadow: 0 -2px 2px rgba(var(--black-100), 0.15);
 display: flex;
 flex-direction: column;
 font-size: 14px;
 justify-content: space-between;
 left: 0;
 position: fixed;
 transition: bottom 0.3s ease-in-out;
 width: 100%;
 z-index: 100;
}

.avoid-scroll {
 overflow: hidden;
}

.sharemenu-overlay-background,
.sharemenu-overlay-background-amp {
 background-color: rgba(var(--black-100), 0.35);
 height: 100vh;
 left: 0;
 position: fixed;
 top: 0;
 width: 100vw;
}

.sharemenu-overlay-background-amp {
 display: none;
 z-index: 1;
}

.sharemenu-overlay-background-amp.show-overlay-amp {
 display: block;
 z-index: 1;
}

.sharemenu-container.show-sharemenu-container {
 bottom: 0;
}

.sharemenu-header {
 align-items: center;
 border-bottom: 1px solid var(--gray-40);
 display: flex;
 flex-direction: row;
 font-size: 16px;
 font-weight: 700;
 justify-content: space-between;
 margin: 0 16px;
 padding: 12px 0 8px;
}

.sharemenu-buttons-container {
 background: none;
 border: none;
 display: flex;
 flex-direction: column;
 gap: 4px;
 padding: 8px 16px 16px;
}

.sharemenu-buttons {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background: none;
 border-radius: 100px;
 border: none;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 flex-direction: row;
 gap: 12px;
 height: 48px;
 outline: none;
 padding: 0;
}

.sharemenu-buttons amp-social-share {
 background: none;
}

.sharebar-buttons-separator {
 background-color: var(--gray-40);
 height: 48px;
 margin: 0 4px;
 width: 1px;
}

.sharemenu-buttons > span {
 font-size: 14px;
 font-weight: 300;
 white-space: nowrap;
}

.sharemenu-buttons.share {
 color: var(--green-100);
}

.sharemenu-icon-container {
 display: flex;
 padding-left: 16px;
}

.i-share-btn {
 cursor: pointer;
 display: flex;
}

.share-link,
amp-social-share {
 background-image: url(../images/d23-share-link.svg);
 background-repeat: no-repeat;
 background-size: 32px;
 height: 32px;
 transform: translate(0);
 width: 32px;
}

.share-amp {
 align-items: center;
 background: none;
 border-radius: 100px;
 border: none;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 flex-direction: row;
 gap: 12px;
}

.share-amp:focus {
 outline: none;
}

.svg-icon,
.svg-icon-copied {
 height: 28px;
 width: 28px;
}

.svg-icon-copied path,
.svg-icon path {
 fill: var(--gray-60);
}

.svg-icon-copied .svg-icon-bg,
.svg-icon .svg-icon-bg {
 fill: transparent;
}

.svg-icon-copied .svg-icon-border,
.svg-icon .svg-icon-border {
 stroke: var(--gray-60);
}

.svg-icon-copied path {
 fill: var(--green-100);
}

.svg-icon-copied .svg-icon-bg {
 fill: transparent;
}

.svg-icon-copied .svg-icon-border {
 stroke: var(--green-100);
}

.sharemenu-buttons:hover .svg-icon .svg-icon-bg,
.sharemenu-buttons:hover .svg-icon rect,
.sharemenu-buttons:hover svg .svg-icon-bg,
.sharemenu-buttons:hover svg rect {
 fill: var(--gray-10);
}

.sharemenu-buttons:hover .svg-icon .svg-icon-border,
.sharemenu-buttons:hover svg .svg-icon-border {
 stroke: var(--gray-70);
}

.sharemenu-buttons:focus .svg-icon path {
 fill: var(--gray-10);
}

.sharemenu-buttons:focus .svg-icon .svg-icon-bg {
 fill: var(--gray-60);
}

.sharemenu-buttons:focus .svg-icon .svg-icon-border {
 stroke: var(--gray-60);
}

.body-share-note {
 align-items: center;
 border-bottom: 1px solid var(--gray-40);
 border-top: 1px solid var(--gray-40);
 color: var(--background-shared-btn);
 display: flex;
 flex-direction: row;
 font-size: 14px;
 font-weight: 400;
 justify-content: center;
 margin-bottom: 20px;
 padding: 16px 0;
 text-align: center;
}

.body-share-note .button-save,
.body-share-note .button-saved {
 display: none;
}

.share-buttons-container {
 display: flex;
 flex-direction: row;
 padding-left: 6px;
}

.share-note-txt {
 padding-right: 11px;
}

.side-menu {
 -webkit-transition: all 0.3s ease;
 -moz-transition: all ease 0.3s;
 -ms-transition: all ease 0.3s;
 -o-transition: all ease 0.3s;
 background-color: var(--gray-0);
 border-radius: 0 0 3px;
 display: inline-block;
 left: -105%;
 overflow-x: hidden;
 overflow-y: auto;
 padding-inline-start: 0;
 position: absolute;
 text-align: left;
 transition: all 0.3s ease;
 width: 100vw;
 z-index: 20003;
}

.side-menu::-webkit-scrollbar {
 display: none;
}

.side-menu .side-menu-margin {
 border: 1px solid var(--gray-40);
 border-radius: 10px;
 margin: 16px 16px 5px;
}

.side-menu .side-menu-margin.left {
 left: 0;
 margin-left: -36px;
 margin-right: 10px;
}

.side-menu.amp-side-menu {
 height: 94vh;
 margin: 0;
 top: 55px;
}

.side-menu.amp-side-menu .item {
 align-items: center;
 border-bottom: 1px solid var(--gray-50);
 display: flex;
 font-size: 14px;
 justify-content: space-between;
 line-height: 16px;
}

.side-menu.amp-side-menu .item .expand-collapse-arrow {
 border: 1px solid var(--gray-40);
 border-radius: 3px;
 font-size: 13px;
 margin-left: 10px;
 outline: none;
 padding: 0 7px;
}

.side-menu.amp-side-menu .item .expand-collapse-arrow:before {
 content: "▼";
}

.side-menu.amp-side-menu .item .expand-collapse-arrow.open:before {
 content: "▲";
}

.side-menu.amp-side-menu .item .child-menu {
 border-top: 1px solid var(--gray-50);
 height: 0;
}

.side-menu.amp-side-menu .item .child-menu.open {
 height: auto;
 visibility: visible;
}

.side-menu.amp-side-menu .item .child-menu .item {
 padding-left: 20px;
}

.side-menu.amp-side-menu .item .child-menu .item:last-child {
 border-bottom: none;
}

.side-menu .item {
 align-items: center;
 border: none;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 16px;
 font-weight: 500;
 height: 32px;
 justify-content: space-between;
 left: 0;
 line-height: 16px;
 margin: 2px 16px;
 outline: none;
 padding: 10px 0 14px;
 position: absolute;
 text-decoration: none;
 top: 0;
 width: 90%;
}

.side-menu .item.non-bold {
 font-weight: 400;
}

.side-menu .key {
 color: #f28b5f;
}

.side-menu .header {
 background-color: #172026;
 display: inline-block;
 margin-bottom: 14px;
 padding: 4px 0 0;
 width: 100%;
}

.side-menu.slide-open {
 left: 0;
 padding-bottom: 8px;
}

.side-menu-sticky-items {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 background-color: var(--gray-0);
 padding: 16px 16px 0;
 position: sticky;
 top: 0;
 z-index: 20004;
}

.side-menu-sticky-separator {
 display: block;
 margin-top: 16px;
 background-color: var(--gray-50);
 height: 1px;
 width: 100%;
}

.side-menu-player-audio {
 align-items: center;
 display: flex;
 gap: 8px;
 margin-top: 16px;
}

.side-menu-player-audio .img-aspen-logo {
 height: 40px;
 -o-object-fit: cover;
 object-fit: cover;
 width: 40px;
}

.side-menu-player-audio .img-player-layout {
 border-radius: 50px;
 height: auto;
 max-height: 34px;
 -o-object-fit: cover;
 object-fit: cover;
 width: 100%;
}

.queryly_searchicon_img {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.queryly_searchicon_img button {
 align-items: center;
 background-color: var(--gray-0);
 border: 1px solid var(--gray-40);
 border-radius: 100px;
 color: var(--gray-60);
 cursor: pointer;
 display: flex;
 font-size: 16px;
 font-weight: 300;
 height: 35px;
 justify-content: space-between;
 outline: none;
 padding: 8px 16px;
 text-align: left;
 width: 100%;
}

.queryly_searchicon_img svg {
 fill: var(--gray-60);
 height: 14px;
 width: 14px;
}

.dropdown {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 margin: 8px 0;
 max-width: 100%;
 min-height: 32px;
 position: relative;
}

.dropdown:first-child {
 margin-top: 0;
}

.dropdown:nth-last-child(2) + .dark-mode-btn {
 padding-bottom: 48px;
}

.dropdown-item-ctn {
 border-radius: 50px;
 margin: 2px 16px;
 min-height: 32px;
 padding: 8px 16px;
 position: relative;
 top: 5px;
 width: 92%;
}

.dropdown-item-ctn.open {
 background-color: var(--gray-20);
 border-radius: 100px;
}

.dropdown-newtag {
 background: rgba(246, 142, 1, 0.1);
 border: 0.5px solid var(--orange-100);
 border-radius: 100px;
 box-sizing: border-box;
 color: var(--orange-100);
 font-size: 10px;
 font-weight: 500;
 line-height: 10px;
 padding: 3px 7px;
 position: absolute;
 right: 17px;
 top: 7px;
}

.dropdown-newtag.saved {
 position: inherit;
}

.dark-podcast .dropdown-item-ctn.open {
 background-color: #3c4043;
}

.icon-dropdown {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 border-radius: 50px;
 cursor: pointer;
 display: flex;
 height: 32px;
 justify-content: center;
 position: absolute;
 right: 8px;
 top: 1px;
 width: 32px;
}

.icon-dropdown:focus-visible {
 box-shadow: none;
 outline: none;
}

.icon-dropdown svg {
 height: 7px;
 width: 12px;
}

.dropdown.active:before {
 top: 22px;
 transform: rotate(-225deg);
}

.dropdown .submenu-slide {
 border-radius: 10px;
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.0509803922);
 display: none;
 overflow: hidden;
 position: absolute;
 top: 70px;
 width: 100%;
}

.dropdown.active .submenu-slide {
 display: block;
}

.dropdown .options li {
 cursor: pointer;
 padding: 12px 20px;
}

.dropdown-body {
 border-top: 1px solid #e5e8ec;
 display: none;
 padding: 5px;
}

.dropdown-body.open {
 border-bottom: 1px solid var(--gray-40);
 border-top: none;
 display: flex;
 flex-direction: column;
 gap: 8px;
 left: 0;
 margin: 6px 16px;
 padding: 8px 0 8px 32px;
 width: 92%;
}

.dropdown-item {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 cursor: pointer;
 display: flex;
 font-size: 16px;
 height: 32px;
 padding: 8px 0 8px 16px;
}

.dropdown-item:active,
.dropdown-item:focus {
 background-color: var(--gray-20);
 border-radius: 100px;
}

.dropdown-item-dot {
 color: #91a5be;
 opacity: 0;
 transition: all 0.2s ease-in-out;
}

.dropdown-item-dot.selected {
 opacity: 1;
}

.centered {
 margin: 0 auto;
}

.story-card-ctn {
 align-content: center;
 border-bottom: 1px solid var(--gray-40);
 color: var(--gray-100);
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 margin: 0 0 16px;
 position: relative;
 width: 100%;
}

.story-card-ctn .headline-link {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 margin-bottom: 12px;
}

.story-card-ctn .headline-link h3 {
 color: var(--headlines);
}

.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: 20px;
 display: flex;
 height: 32px;
 left: 12px;
 position: absolute;
 width: 32px;
 z-index: 3;
}

.bomb-icon {
 bottom: 20px;
 left: -4px;
}

.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: 20px;
 left: -4px;
}

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

.blinker-live-white {
 animation: blinkerLiveWhite 3s linear infinite;
}

.blinker-live-red {
 animation: blinkerLiveRed 3s linear infinite;
}

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

@keyframes blinkerLiveWhite {
 50% {
  border: 1px solid #fff;
 }
}

@keyframes blinkerLiveRed {
 50% {
  background-color: var(--red-90);
 }
}

.tva-player-ctn {
 height: 100%;
 padding-top: calc(56.25% + 16.88px);
 position: relative;
 width: calc(100% + 32px);
 margin: 0 -16px 10px;
}

.tva-player-ctn > amp-video-iframe,
.tva-player-ctn > iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.tva-player-figcaption {
 color: #555;
 font-size: 14px;
 font-weight: 300;
 line-height: 1.5;
 margin: 12px 0 16px;
 padding: 0 16px;
}

.ticker-ctn {
 align-items: center;
 border-bottom: 1px solid #d5d5d5;
 box-sizing: border-box;
 -moz-column-gap: 16px;
 column-gap: 16px;
 display: grid;
 height: 32px;
 position: fixed;
 width: 100%;
 z-index: 3000;
}

.ticker-ctn-title {
 color: #1f1f1f;
 font-weight: 700;
 line-height: 20.8px;
 padding-left: 16px;
 text-transform: uppercase;
 grid-auto-columns: min-content;
}

.ticker-ctn img {
 height: 32px;
 padding-right: 16px;
 width: 100px;
 grid-column: 3/4;
}

.col-100 {
 grid-template-columns: 100%;
}

.col-10-80-10 {
 grid-template-columns: auto 1fr 100px;
}

.col-10-90 {
 grid-template-columns: auto 1fr;
}

.col-10-90 div.ticker {
 margin-right: 16px;
}

.col-90-10 {
 grid-template-columns: 1fr 100px;
}

.ticker-wrap {
 align-items: center;
 display: flex;
 height: 32px;
}

a.ticker-item {
 color: #1f1f1f;
 cursor: pointer;
 display: inline-block;
 font-size: 16px;
 font-weight: 400;
 line-height: 20.8px;
 padding: 0 20px;
 width: -moz-max-content;
 width: max-content;
}

a.ticker-item:focus,
a.ticker-item:hover {
 color: #555;
}

div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item {
 border-right: 2px solid #d5d5d5;
 color: #1f1f1f;
 font-size: 16px;
 font-weight: 400;
 line-height: 20.8px;
}

div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item:focus,
div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item:hover {
 color: #555;
}

.grayBkg {
 background-color: #eaeaea;
 border: none;
}

.colorBkg {
 background-color: rgba(246, 142, 1, 0.05);
}

.redBkg {
 background-color: #b10000;
 border-bottom: 1px solid #fff;
}

.redBkg a.ticker-item,
.redBkg div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item {
 border-right: 2px solid #fff;
 color: #fff;
}

.redBkg .ticker-item {
 border-right: 2px solid #fff;
}

a.ticker-item.only-ticker-item {
 justify-self: center;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 width: auto;
}

a.ticker-item.only-ticker-item:focus,
a.ticker-item.only-ticker-item:hover {
 color: #555;
}

.title-bar {
 align-items: center;
 border-bottom: 1px solid var(--border-bottom-color);
 border-top: 2px solid #c2c2c2;
 display: flex;
 justify-content: space-between;
 margin-bottom: 12px;
}

.title-bar-orange {
 border-bottom: 2px solid var(--orange-100);
}

.title-bar-green {
 border-bottom: 2px solid var(--green-100);
}

.title-bar-red {
 border-bottom: 2px solid var(--red-permanent);
}

.title-bar-cyan {
 border-bottom: 2px solid var(--cyan-100);
}

.title-bar-black {
 border-bottom: 2px solid var(--black-100);
}

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

.title-bar.chain-child-exclusive {
 border-color: #c2c2c2;
 padding: 18px 0;
}

.title-bar:has(.newsletter-chain-view-button, .title-bar-anchor-button) {
 gap: 16px;
}

a.title-bar-anchor-button {
 align-items: center;
 background-color: transparent;
 border: 1px solid var(--gray-40);
 border-radius: 100px;
 color: var(--gray-80);
 cursor: pointer;
 display: inline-flex;
 font-family: Roboto;
 font-size: 12px;
 font-weight: 400;
 gap: 4px;
 height: -moz-fit-content;
 height: fit-content;
 line-height: 100%;
 padding: 6px 12px;
 text-transform: uppercase;
 text-wrap: nowrap;
 align-items: baseline;
}

.default-chain-ctn.exclusive-chain .title-bar {
 margin-bottom: 20px;
}

.title-bar-anchor {
 display: inline-flex;
 gap: 10px;
}

.title-bar-anchor h2 {
 color: var(--headlines);
}

.title-bar-text {
 align-items: center;
 align-self: flex-end;
 color: var(--gray-100);
 -moz-column-gap: 10px;
 column-gap: 10px;
 display: inline-flex;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.3;
 margin-bottom: -1px;
 max-width: -moz-fit-content;
 max-width: fit-content;
 padding: 16px 0;
 text-transform: uppercase;
}

.title-bar-text h2 {
 font-size: 20px;
 margin: 0;
}

.exclusive-chain .title-bar-text {
 padding: 22px 0;
}

.title-bar-icon,
.title-bar-logo {
 height: 32px;
 max-height: 32px;
 max-width: 160px;
 -o-object-fit: cover;
 object-fit: cover;
}

.title-bar-logo {
 height: 32px;
 max-width: 80px;
}

.exclusive-chain .title-bar-logo {
 height: 40px;
 max-width: 100px;
}

.title-bar-logo-exclusive img {
 max-height: 32px;
 max-width: 200px;
 -o-object-fit: contain;
 object-fit: contain;
 vertical-align: middle;
}

.title-bar-left-logo,
.title-bar-left-logo img {
 height: 32px;
 max-width: 138px;
}

.title-bar-logo-chain {
 display: none;
}

.title-bar-subtitle {
 color: var(--gray-100);
 font-size: 20px;
 font-weight: 300;
 line-height: 1.3;
}

.title-bar-exclusive-container {
 align-items: center;
 border: 1px solid var(--gray-80);
 border-radius: 100px;
 display: flex;
 gap: 8px;
 justify-content: center;
 padding: 6px 12px;
}

.title-bar-exclusive-container .exclusive-text {
 height: 17px;
 width: 109px;
}

.title-bar-exclusive-container .exclusive-text path {
 fill: var(--gray-100);
}

.title-bar-exclusive-container .infobae-logo {
 height: 17px;
 width: 69px;
}

.title-bar-icon picture > img {
 width: auto;
 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: 0;
}

.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 {
 display: flex;
 font-family: Roboto, sans-serif;
 padding: 4px 0;
 border: 1px solid var(--electon-gray-40);
 border-radius: 9px;
 height: 55px;
}

.election-summaryBarV2_4,
.election-summaryBarV2_4_Individual {
 display: flex;
 font-family: Roboto, sans-serif;
 padding: 4px 0;
 border: 1px solid var(--election-gray-40);
 border-radius: 9px;
}

.election-summaryBarV2Stat,
.election-summaryBarV2StatBorder {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 0 8px;
 width: 100%;
 justify-content: space-between;
 gap: 4px;
}

.election-summaryBarV2_4 > .election-summaryBarV2Stat,
.election-summaryBarV2_4 > .election-summaryBarV2StatBorder,
.election-summaryBarV2_4_Individual > .election-summaryBarV2Stat,
.election-summaryBarV2_4_Individual > .election-summaryBarV2StatBorder {
 width: 25%;
}

.election-summaryBarV2StatBorder {
 border-left: 1px solid var(--election-gray-40);
}

.election-summaryBarV2Stat > p,
.election-summaryBarV2StatBorder > p {
 margin: 0;
}

.election-summaryBarV2StatTitle {
 text-align: center;
 color: var(--election-gray-90);
 font-weight: 400;
 font-size: 12px;
 line-height: 1.3;
}

.election-summaryBarV2StatQty {
 font-weight: 700;
 font-size: 13px;
 line-height: 1.3;
 color: var(--election-gray-90);
}

.election-titlebar-tittlebarWhithTabs {
 align-items: center;
 display: flex;
 flex-direction: column;
 width: 100vw;
 max-width: 100%;
 justify-content: center;
}

.election-titlebar-tittlebarWhithoutTabs {
 align-items: center;
 display: flex;
 width: -moz-max-content;
 width: max-content;
 justify-content: center;
 height: -moz-fit-content;
 height: fit-content;
}

.election-titlebar-tittlebarWhithoutTabs > .election-titlebar-container {
 width: -moz-max-content;
 width: max-content;
}

.election-titlebar-container {
 width: -moz-max-content;
 width: max-content;
 display: flex;
 justify-content: center;
}

.election-titlebar-containerText {
 border-bottom: 2px solid var(--orange-100);
 display: flex;
 padding-bottom: 4px;
 width: -moz-max-content;
 width: max-content;
 flex-direction: row;
 margin-bottom: 12px;
 font-family: Roboto;
 color: var(--gray-100);
 font-size: 20px;
}

.election-titlebar-nameElection {
 font-weight: 700;
}

.election-titlebar-typeElection {
 border-left: 1px solid var(--election-gray-40);
 font-weight: 300;
 margin-left: 14px;
 padding-left: 14px;
 color: var(--election-gray-90);
}

.election-titlebar-containerBtn {
 display: flex;
 -moz-column-gap: 8px;
 column-gap: 8px;
 max-width: -moz-max-content;
 max-width: max-content;
 width: -moz-max-content;
 width: max-content;
}

.election-titlebar-containerBtn::-webkit-scrollbar {
 display: none;
}

.election-titlebar-btn,
.election-titlebar-btnSelect {
 background-color: transparent;
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--election-gray-90);
 cursor: pointer;
 font-family: Roboto;
 font-size: 16px;
 font-weight: 400;
 height: 33px;
 padding: 6px 12px;
 pointer-events: all;
 transition: transform 0.3s ease-in-out;
 white-space: nowrap;
 width: -moz-max-content;
 width: max-content;
}

.election-titlebar-btn:hover {
 color: var(--gray-100);
 padding: 6px 12px;
}

.election-titlebar-btn:active,
.election-titlebar-btn:hover,
.election-titlebar-btnSelect {
 background: var(--orange-30);
 border: 1px solid transparent;
}

.election-titlebar-btnSelect {
 color: var(--gray-100);
 font-weight: 500;
}

.circle-wrapper {
 align-items: center;
 display: flex;
 padding-left: 16px;
}

.news-title-trending {
 border-left: 4px solid #f68e01;
 font-weight: 700;
 margin: 0;
 padding-left: 12px;
}

.news-wrapper {
 display: flex;
 flex-direction: row;
 width: 100%;
}

.title-trending {
 font-family: Roboto;
 font-weight: 700;
 padding-bottom: 16px;
 width: 100%;
}

.title-trending svg {
 margin-right: 6px;
}

.trending-wrapper {
 border-radius: 5px;
 margin-bottom: 32px;
 padding: 16px;
 background-color: transparent;
}

.dark .trending-wrapper {
 background-color: transparent;
 border: 1px solid var(--gray-40);
}

.dark .trending-wrapper a {
 border-top: 1px solid var(--gray-40);
}

.dark .title-trending {
 color: var(--headlines);
}

.dark .title-trending svg g path {
 fill: #c4c7c5;
}

.dark .circle-wrapper svg rect {
 fill: var(--gray-20);
}

.dark .circle-wrapper svg path {
 fill: var(--orange-100);
}

.dark .news-title-trending {
 color: var(--gray-especial-deck);
}

.iframe-loading-ca {
 margin-bottom: 16px;
 margin-top: 20px;
}

.ca-title {
 margin-bottom: 16px;
}

.ca-ti,
.ca-title {
 display: flex;
 gap: 20px;
 justify-content: center;
 align-items: center;
}

.ca-province {
 width: 200px;
}

.ca-province,
.ca-type {
 height: 40px;
 border-radius: 9px;
}

.ca-type {
 width: 104px;
}

.ca-co-title {
 display: none;
}

.ca-comparation {
 height: 30px;
}

.ca-comparation,
.ca-summary {
 width: 100%;
 border-radius: 9px;
 margin-bottom: 16px;
}

.ca-summary {
 height: 50px;
 display: flex;
 gap: 5px;
}

.ca-summary > div {
 height: 100%;
 width: 100%;
 border-radius: 9px;
}

.ca-cards {
 width: 100%;
 height: auto;
 display: flex;
 flex-direction: column;
 gap: 16px;
 margin-bottom: 16px;
}

.ca-cards > div {
 width: 100%;
 height: 130px;
 border-radius: 9px;
}

.ca-lema {
 width: 274px;
 height: 18px;
 border-radius: 9px;
 margin: 0 auto 16px;
}

.ca-more {
 width: 104px;
 height: 40px;
 border-radius: 9px;
 margin: 0 auto;
}

.map-title {
 display: flex;
 width: 100%;
 justify-content: center;
 align-items: center;
 height: 40px;
 margin-bottom: 16px;
}

.map-position {
 width: 133px;
 height: 100%;
 border-radius: 9px;
}

.map-result {
 display: none;
}

.map-tabs {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 29px;
 margin-bottom: 16px;
}

.map-tabs-1 {
 width: 107px;
 height: 100%;
 border-radius: 9px;
}

.map-tabs-2,
.map-tabs-3,
.map-tabs-4,
.map-tabs-5,
.map-tabs-6 {
 display: none;
}

.map-summary {
 width: 100%;
 display: flex;
 height: 65px;
 gap: 10px;
 margin-bottom: 16px;
}

.map-summary > div {
 width: 100%;
 height: 100%;
 border-radius: 9px;
}

.map-filters {
 height: 44px;
 margin-bottom: 6px;
}

.map-country,
.map-filters {
 width: 100%;
 border-radius: 9px;
}

.map-country {
 margin-bottom: 12px;
 height: 380px;
}

.map-card-title {
 display: flex;
 justify-content: space-between;
 height: 30px;
 margin-bottom: 16px;
}

.map-card-title > div {
 border-radius: 9px;
}

.map-updated {
 width: 180px;
 height: 100%;
 border-radius: 9px;
}

.map-comparation {
 width: 129px;
 height: 100%;
 border-radius: 9px;
}

.map-cards {
 display: flex;
 flex-direction: column;
 gap: 6px;
 margin-bottom: 16px;
}

.map-cards > div {
 width: 100%;
 height: 116px;
 border-radius: 9px;
}

.map-cards-1,
.map-cards-2,
.map-cards-3 {
 display: block;
}

.map-cards-4 {
 display: none;
}

.map-more {
 width: 98px;
 height: 34px;
 margin: 0 auto 16px;
 border-radius: 9px;
}

.map-card-4 {
 display: none;
}

.map-balotaje-title {
 display: flex;
 width: 100%;
 justify-content: center;
 align-items: center;
 height: 40px;
 margin-bottom: 16px;
}

.map-balotaje-position {
 width: 100%;
 height: 100%;
 border-radius: 9px;
}

.map-balotaje-result {
 display: none;
}

.map-balotaje-tabs {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 29px;
 margin-bottom: 16px;
}

.map-balotaje-tabs-1 {
 width: 107px;
 height: 100%;
 border-radius: 9px;
}

.map-balotaje-tabs-2,
.map-balotaje-tabs-3,
.map-balotaje-tabs-4,
.map-balotaje-tabs-5,
.map-balotaje-tabs-6 {
 display: none;
}

.map-balotaje-summary {
 width: 100%;
 display: flex;
 height: 65px;
 gap: 10px;
 margin-bottom: 16px;
}

.map-balotaje-summary > div {
 width: 100%;
 height: 100%;
 border-radius: 9px;
}

.map-balotaje-filters {
 width: 100%;
 height: 44px;
 margin-bottom: 6px;
 border-radius: 9px;
}

.map-balotaje-country {
 margin-bottom: 12px;
 width: 100%;
 height: 380px;
 border-radius: 9px;
}

.map-balotaje-card-title {
 display: flex;
 justify-content: space-between;
 height: 30px;
 margin-bottom: 16px;
}

.map-balotaje-card-title > div {
 border-radius: 9px;
}

.map-balotaje-updated {
 width: 180px;
 height: 100%;
 border-radius: 9px;
}

.map-balotaje-comparation {
 width: 129px;
 height: 100%;
 border-radius: 9px;
}

.map-balotaje-cards {
 display: flex;
 flex-direction: column;
 gap: 6px;
 margin-bottom: 16px;
}

.map-balotaje-cards > div {
 width: 100%;
 border-radius: 9px;
}

.map-balotaje-cards-1,
.map-balotaje-cards-2 {
 display: block;
}

.map-balotaje-cards-1 {
 height: 206px;
}

.map-balotaje-cards-2 {
 height: 134px;
}

.map-balotaje-cards-4 {
 display: none;
}

.map-balotaje-more {
 width: 98px;
 height: 34px;
 margin: 0 auto 16px;
 border-radius: 9px;
}

.map-balotaje-card-4 {
 display: none;
}

@keyframes shine {
 to {
  background-position-x: -200%;
 }
}

.lds-spinner {
 width: 50px;
 aspect-ratio: 1;
 border-radius: 50%;
 background:
  radial-gradient(farthest-side, #ffa516 94%, transparent) top/8px 8px no-repeat,
  conic-gradient(transparent 30%, #ffa516);
 -webkit-mask: radial-gradient(
  farthest-side,
  transparent calc(100% - 8px),
  #000 0
 );
 mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 0);
 animation: s3 1s linear infinite;
}

@keyframes s3 {
 to {
  transform: rotate(1turn);
 }
}

.electoralRoll {
 background: var(--gray-0);
 border: 1px solid var(--gray-40);
 border-radius: 9px;
 gap: 22px;
 margin-bottom: 16px;
 padding: 16px;
}

.electoralRoll,
.electoralRoll-top {
 display: flex;
 flex-direction: column;
}

.electoralRoll-top {
 align-items: center;
 gap: 12px;
}

.electoralRoll-cta {
 align-items: center;
 border: 1px solid var(--gray-60);
 border-radius: 100px;
 display: flex;
 gap: 6px;
 justify-content: center;
 padding: 6px 12px;
 text-transform: uppercase;
 width: -moz-fit-content;
 width: fit-content;
}

.electoralRoll-cta-text {
 font-size: 14px;
 font-weight: 300;
 line-height: 130%;
}

.electoralRoll-title {
 font-size: 20px;
 font-weight: 700;
 line-height: 130%;
 margin-bottom: 10px;
 text-align: center;
}

.electoralRoll-separator {
 background-color: var(--gray-40);
 border: none;
 height: 1px;
 margin-block-end: 0;
 margin-block-start: 0;
 width: 100%;
}

.electoralRoll-bottom {
 display: flex;
 flex-direction: column;
 gap: 20px;
}

.electoralRoll-canonical {
 align-items: flex-start;
 display: flex;
 gap: 12px;
}

.electoralRoll-canonical-title {
 color: var(--gray-100);
 font-size: 16px;
 font-weight: 700;
 line-height: 1.3;
}

.electoralRoll-arrow {
 flex-shrink: 0;
 height: 22px;
 width: 22px;
}

.electoralRoll-votes-icon {
 height: 14px;
 width: 12px;
}

.identity-preferences {
 display: flex;
 flex-direction: column;
 width: 100%;
}

.identity-preferences-list {
 display: grid;
 grid-template-columns: 1fr;
 margin: -1px -1px 28px;
 overflow: hidden;
 padding: 1px;
 place-items: center;
 row-gap: 24px;
}

.identity-preferences-item {
 align-items: center;
 display: inline-flex;
 flex-wrap: wrap;
 justify-content: space-between;
 position: relative;
 width: 100%;
}

.identity-preferences-item-name {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 400;
}

.identity-preferences-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background-color: var(--orange-20);
 border-color: transparent;
 border-radius: 100px;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 height: 38px;
 justify-content: center;
 margin: 24px auto;
 padding: 8px 16px;
 width: auto;
}

.identity-preferences-button:not(:disabled):active {
 background-color: var(--orange-30);
}

.identity-preferences-button:disabled {
 background-color: var(--gray-10);
 color: var(--gray-60);
 cursor: not-allowed;
}

.switch {
 background: var(--switch-background);
 border-radius: 100px;
 border: none;
 cursor: pointer;
 display: flex;
 max-height: 22px;
 outline: 1px solid var(--gray-40);
 padding: 3px 4px;
 width: 44px;
}

.switch-circle-disable,
.switch-circle-enable {
 border-radius: 100px;
 height: 16px;
 transition: transform 0.1s linear;
 width: 16px;
}

.switch-circle-enable {
 background-color: var(--circle-background-enable);
 transform: translateX(20px);
}

.switch-circle-disable {
 background: var(--circle-background-disable);
}

.switch:has(.switch-circle-enable) {
 background: rgba(246, 142, 1, 0.6);
}

.card-ll-layout {
 border-bottom: 2px solid var(--gray-60);
 border-top: 2px solid var(--gray-60);
 display: flex;
 flex-direction: column;
 gap: 12px;
 margin-bottom: 24px;
 padding: 16px 0;
}

.card-ll-layout .story-card-live-ctn {
 line-height: 1.7;
 margin-bottom: 12px;
 margin-top: 20px;
}

.card-ll-layout .ReactYoutube-PlayAwait.ReactYoutube-fadeDone {
 height: 100%;
}

.card-ll-layout .jwplayer-ctn {
 margin: 0 0 10px;
 padding-top: 56.25%;
 position: relative;
 transform: none;
 width: 100%;
}

.card-ll-youtube {
 aspect-ratio: 16/9;
 border: none;
 border-radius: 9px;
 top: 0;
 width: 100%;
}

.card-ll-ctn-video,
.card-ll-youtube {
 position: relative;
}

.card-ll-ctn-video .card-ll-poster-youtube {
 aspect-ratio: 16/9;
 border-radius: 9px;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
 width: 100%;
}

.card-ll-ctn-video .card-ll-play {
 background-color: #212121;
 border-radius: 14%;
 border: 0;
 height: 46px;
 left: 50%;
 opacity: 0.8;
 position: absolute;
 top: 50%;
 transform: translate3d(-50%, -50%, 0);
 width: 70px;
 z-index: 1;
}

.card-ll-ctn-video .card-ll-play:before {
 border-color: transparent transparent transparent #fff;
 border-style: solid;
 border-width: 11px 0 11px 19px;
 content: "";
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate3d(-50%, -50%, 0);
}

.card-ll-ctn-video:hover .card-ll-play {
 background-color: red;
 opacity: 1;
}

.card-ll-author-ctn {
 -moz-column-gap: 4px;
 column-gap: 4px;
 display: flex;
 flex-wrap: wrap;
 font-weight: 300;
 justify-content: flex-start;
 margin-top: 12px;
}

.card-ll-author-name {
 font-weight: 500;
}

.card-ll-author-name,
.card-ll-ctn {
 color: var(--gray-100);
 display: flex;
}

.card-ll-ctn {
 align-content: center;
 flex-direction: column;
 width: 100%;
}

.card-ll-hl {
 font-family: Roboto, sans-serif;
 font-size: 22px;
 font-style: normal;
 font-weight: 700;
 line-height: 1.3;
 margin-bottom: 0;
}

.card-ll-hl,
.card-ll-hl-default-color {
 color: var(--gray-100);
}

.card-ll-deck {
 font-family: Roboto, sans-serif;
 font-size: 14px;
 font-weight: 300;
 line-height: 1.3;
 margin-top: 12px;
}

.card-ll-deck,
.card-ll-deck-default-color {
 color: var(--gray-90);
}

.card-ll-badge > .live-notice-link-badge-theme-2 {
 background-color: var(--gray-90);
 color: var(--gray-0);
 font-family: Roboto, sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: 400;
 height: auto;
 line-height: normal;
 margin-bottom: 12px;
 margin-top: 20px;
 padding: 6px 12px;
 text-align: center;
}

.card-ll-badge
 > .live-notice-link-badge-theme-2
 > .big-circle-theme-1.blinker-white {
 display: none;
}

.card-ll-img {
 height: 100%;
 position: absolute;
 top: 0;
 width: 100%;
}

.card-ll-img-ctn {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-self: flex-start;
 margin: 0 -16px;
 position: relative;
 width: calc(100% + 32px);
}

.card-ll-img-ctn-11 {
 aspect-ratio: 1/1;
 padding-top: 100%;
}

.card-ll-img-ctn-169 {
 aspect-ratio: 16/9;
 padding-top: 56.25%;
}

.card-ll-img-ctn-916 {
 aspect-ratio: 9/16;
 padding-top: 177.7777777778%;
}

.card-ll-img-ctn-43 {
 aspect-ratio: 4/3;
 padding-top: 75%;
}

.card-ll-img-ctn-34 {
 aspect-ratio: 3/4;
 padding-top: 133.3333333333%;
}

.card-ll-img-ctn-31 {
 aspect-ratio: 3/1;
 padding-top: 33.3333333333%;
}

.card-ll-img-ctm,
.card-ll-layout > .card-ll-youtube-wraper > .ReactYoutube,
.card-ll-layout > .jwplayer-ctn > div {
 border-radius: 6px;
 overflow: hidden;
}

.card-ll-layout > .card-ll-youtube-wraper {
 height: 0;
 padding-top: 56.25%;
 position: relative;
}

.card-ll-layout > .card-ll-youtube-wraper > .ReactYoutube {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

.card-ll-recommended-list {
 list-style: initial;
 padding-inline-start: 1rem;
}

.card-ll-recommended-list.live-blogging {
 list-style: none;
 margin-left: 5px;
}

.card-ll-recommended-item {
 color: var(--gray-90);
 margin-bottom: 12px;
}

.card-ll-recommended-link {
 font-family: Roboto, sans-serif;
 font-size: 13px;
 font-style: normal;
 font-weight: 400;
 line-height: 1.5;
}

.card-ll-liveblogging-entry {
 position: relative;
}

.card-ll-liveblogging-entry > svg {
 left: -16px;
 position: absolute;
 top: 1px;
 width: 12px;
}

.card-ll-liveblogging-entry.card-ll-is-pinned > svg {
 top: 2px;
}

.card-ll-sponsors {
 display: grid;
 gap: 12px;
 grid-template-rows: auto 40px;
 margin-bottom: 20px;
}

.card-ll-sponsors-ctn {
 display: flex;
}

.card-ll-sponsors-text {
 color: var(--black-100);
 font-family: Roboto, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: 300;
 line-height: 1.5;
}

.card-ll-sponsor {
 border-radius: 3px;
 height: 100%;
 max-width: 80px;
 -o-object-fit: contain;
 object-fit: contain;
}

.card-ll-sponsor-ctn {
 border-radius: 3px;
 height: 40px;
 max-width: 80px;
 width: -moz-max-content;
 width: max-content;
}

.card-ll-sponsor-divider {
 background-color: var(--gray-40);
 height: 100%;
 margin: 0 16px;
 width: 1px;
}

.card-ll-pinned-anchor {
 display: block;
 font-weight: 300;
 margin-top: 8px;
}

.card-ll-pinned-hour {
 color: var(--gray-100);
 font-family: Roboto, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: 1;
}

.ReactYoutube {
 aspect-ratio: 16/9;
 border-radius: 3px;
 overflow: hidden;
}

.register-preferences {
 border-bottom: 1px solid var(--gray-40);
 display: flex;
 flex-direction: column;
 padding: 20px 16px;
 width: 100%;
}

.register-preferences-title {
 color: var(--gray-100);
 font-size: 24px;
 font-weight: 700;
 line-height: 120%;
 margin-bottom: 12px;
 text-align: center;
}

.register-preferences-desc {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 300;
 line-height: 150%;
 margin-bottom: 20px;
 text-align: center;
}

.register-preferences-list {
 display: grid;
 grid-template-columns: 1fr;
 margin: -1px -1px 28px;
 overflow: hidden;
 padding: 1px;
 place-items: center;
 row-gap: 24px;
}

.register-preferences-item {
 align-items: center;
 display: inline-flex;
 flex-wrap: wrap;
 justify-content: space-between;
 position: relative;
 width: 100%;
}

.register-preferences-item-name {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 400;
}

.register-preferences-switch {
 background: var(--gray-0);
 border-radius: 100px;
 border: none;
 cursor: pointer;
 display: flex;
 max-height: 22px;
 outline: 1px solid var(--gray-40);
 padding: 3px 4px;
 width: 44px;
}

.register-preferences-circle-disable,
.register-preferences-circle-enable {
 background: var(--gray-60);
 border-radius: 100px;
 height: 16px;
 transition: transform 0.1s linear;
 width: 16px;
}

.register-preferences-circle-enable {
 background-color: var(--orange-100);
 transform: translateX(20px);
}

.register-preferences-buttons {
 display: flex;
 justify-content: space-between;
}

.register-preferences-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 border-style: solid;
 border-color: transparent;
 border-radius: 100px;
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 height: 38px;
 justify-content: center;
 padding: 8px 16px;
 width: -moz-fit-content;
 width: fit-content;
 gap: 6px;
}

.register-preferences-button.back {
 background-color: var(--white-100);
 color: var(--gray-60);
 border-color: var(--gray-50);
}

.register-preferences-button.finish {
 background-color: var(--orange-20);
}

.register-preferences-button.finish:not(:disabled):active {
 background-color: var(--orange-30);
}

.register-preferences-button.finish:disabled {
 background-color: var(--gray-10);
 color: var(--gray-60);
 cursor: not-allowed;
}

.register-preferences-button.finish:disabled svg path {
 fill: var(--gray-60);
}

.register-verification {
 align-items: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 20px 16px;
 background: transparent;
}

.register-verification-title {
 color: var(--gray-100);
 font-size: 24px;
 font-weight: 700;
 line-height: 120%;
 margin-bottom: 20px;
 text-align: center;
}

.register-verification-desc {
 font-weight: 300;
 margin-bottom: 16px;
 margin-top: 16px;
}

.register-verification-desc,
.register-verification-email {
 color: var(--gray-90);
 font-size: 16px;
 line-height: 150%;
 text-align: center;
}

.register-verification-email {
 font-weight: 500;
 margin-bottom: 20px;
}

.register-verification-inquiry {
 color: var(--gray-80);
 font-size: 16px;
 font-weight: 300;
 margin-bottom: 16px;
 text-align: center;
}

.register-verification-button {
 align-items: center;
 align-self: stretch;
 background: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 gap: 6px;
 height: 38px;
 justify-content: center;
 padding: 8px 16px;
}

.register-verification-button:disabled {
 background-color: var(--gray-10);
 color: var(--gray-60);
 cursor: not-allowed;
}

.register-verification .svg-icon {
 height: 56px;
 width: 56px;
}

.raffle-register-event:has(.register-verification) {
 grid-template-rows: repeat(2, auto);
}

.raffle-register-event:has(.register-verification) .login-default-card {
 background-color: var(--orange-0);
}

.register-congrats {
 display: flex;
 flex-direction: column;
 width: 100%;
 height: 100%;
 align-items: center;
 justify-content: center;
 background: var(--orange-0);
 padding: 24px 16px;
}

.register-congrats > svg {
 width: 75px;
 height: 80px;
}

.register-congrats-title {
 color: var(--gray-100);
 font-size: 24px;
 font-weight: 700;
 margin-top: 20px;
}

.register-congrats-desc,
.register-congrats-title {
 text-align: center;
 line-height: 130%;
 margin-bottom: 16px;
}

.register-congrats-desc {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 400;
}

.register-congrats-message {
 color: var(--gray-90);
 text-align: center;
 font-size: 16px;
 font-weight: 300;
 line-height: 150%;
 margin-bottom: 32px;
}

.register-congrats-button {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background-color: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 gap: 6px;
 height: 38px;
 justify-content: center;
 padding: 8px 16px;
}

.register-congrats-button:active {
 background-color: var(--orange-30);
}

.raffle-card {
 border-radius: 9px;
 display: flex;
 flex-direction: column;
 margin-bottom: 16px;
 overflow: hidden;
 width: 100%;
}

.raffle-card-img-ctn {
 display: flex;
 position: relative;
}

.raffle-card-chip {
 align-items: center;
 background: var(--gray-10);
 border-radius: 100px;
 bottom: 10px;
 color: var(--gray-90);
 display: inline-flex;
 font-size: 12px;
 font-weight: 400;
 gap: 4px;
 padding: 4px 8px;
 position: absolute;
 right: 10px;
 text-align: center;
 z-index: 4;
}

.raffle-card-body {
 border-radius: 0 0 9px 9px;
 border: 1px solid var(--gray-40);
 display: flex;
 flex-direction: column;
 height: 100%;
 padding: 20px 10px;
}

.raffle-card-title {
 color: var(--gray-100);
 font-size: 22px;
 font-weight: 700;
 line-height: 132%;
 margin-bottom: 12px;
}

.raffle-card-descp {
 color: var(--gray-90);
 font-size: 14px;
 font-weight: 300;
 line-height: 150%;
 margin-bottom: 20px;
}

.raffle-card-button,
.raffle-card-button-loading,
.raffle-card-button-registered {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 align-items: center;
 background-color: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--gray-90);
 cursor: pointer;
 display: flex;
 font-size: 18px;
 font-weight: 400;
 gap: 6px;
 height: 38px;
 justify-content: center;
 margin-top: auto;
 padding: 8px 16px;
 width: 100%;
}

.raffle-card-button:active {
 background-color: var(--orange-30);
}

.raffle-card-button:hover {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
}

.raffle-card-button:hover svg path {
 stroke: var(--orange-80);
}

.raffle-card-button-registered {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
}

.raffle-card-button-registered svg path {
 stroke: var(--orange-80);
}

.raffle-card-button-loading:after {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 border: 2px solid var(--orange-80);
 border-top: 2px solid transparent;
 border-radius: 50%;
 animation: spin 1s linear infinite;
}

@keyframes spin {
 0% {
  transform: rotate(0deg);
 }

 to {
  transform: rotate(1turn);
 }
}

.info-card-container {
 border-radius: 9px;
 border: 1px solid var(--gray-40);
 justify-content: space-between;
 margin-bottom: 24px;
 padding: 16px;
 width: 100%;
}

.info-card-container,
.info-card-top {
 align-items: center;
 display: flex;
 flex-direction: column;
 gap: 24px;
}

.info-card-top {
 justify-content: center;
}

.info-card-title {
 font-size: 28px;
 font-weight: 500;
 line-height: 1.3;
 margin: 0;
}

.info-card-description,
.info-card-title {
 color: var(--gray-100);
 font-style: normal;
 text-align: center;
}

.info-card-description {
 font-size: 18px;
 font-weight: 300;
 line-height: 1.7;
}

.info-card-button {
 align-items: center;
 background-color: var(--orange-10);
 border-radius: 100px;
 border: 1px solid var(--orange-60);
 box-sizing: border-box;
 color: var(--gray-90);
 display: flex;
 font-family: Roboto;
 font-size: 20px;
 font-style: normal;
 font-weight: 400;
 line-height: 1.02;
 padding: 8px 16px;
}

.info-card-button:hover {
 cursor: pointer;
}

.info-card-icon-wrapper {
 display: block;
 width: 44px;
 height: 44px;
}

.info-card-icon {
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 width: 100%;
}

.info-card-container.info-card-container-for-iframe {
 margin-bottom: 0;
}

.outlined-input {
 display: flex;
 flex-direction: column;
 margin-bottom: 20px;
 position: relative;
 width: 100%;
}

.outlined-input-icon,
.outlined-input-icon-start {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 9px;
 display: flex;
 height: 41px;
 justify-content: center;
 outline: none;
 padding: 0 10px 0 24px;
 position: absolute;
 right: 2px;
 top: 1px;
}

.outlined-input-icon-start > .close-eye,
.outlined-input-icon-start > .open-eye,
.outlined-input-icon > .close-eye,
.outlined-input-icon > .open-eye {
 height: 11px;
 width: 18px;
}

.outlined-input-icon-start > .close-eye,
.outlined-input-icon > .close-eye {
 height: 9px;
}

.button.outlined-input-icon-start,
.outlined-input-icon.button {
 cursor: pointer;
}

.outlined-input-icon-start {
 border-radius: 100px 0 0 100px;
 height: -moz-min-content;
 height: min-content;
 left: 16px;
 padding: 0;
 top: 20px;
 width: -moz-min-content;
 width: min-content;
}

.outlined-input input {
 background-color: transparent;
 border: 1px solid var(--border-input);
 border-radius: 9px;
 color: var(--color-text-input);
 font-family: inherit;
 font-weight: 400;
 line-height: 20px;
 outline: none;
 padding: 11px 12px;
 transition: border-color 0.1s ease-in-out;
 width: 100%;
}

.outlined-input input:-webkit-autofill,
.outlined-input input:-webkit-autofill:active,
.outlined-input input:-webkit-autofill:focus,
.outlined-input input:-webkit-autofill:hover {
 -webkit-box-shadow: 0 0 0 30px var(--white-100) inset;
 -webkit-text-fill-color: var(--color-text-input);
}

.outlined-input label {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 9px;
 color: #777;
 display: flex;
 font-size: 14px;
 height: 21px;
 left: 10px;
 padding: 0 5px;
 pointer-events: none;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 transition:
  top 0.1s ease-in-out,
  font-size 0.1s ease-in-out,
  height 0.1s ease-in-out;
 width: calc(100% - 20px);
}

.outlined-error input {
 border-color: var(--red-permanent);
}

.outlined-error label {
 color: var(--red-permanent);
 top: calc(50% - 10px);
}

.outlined-error span {
 color: var(--red-permanent);
 font-size: 12px;
 font-weight: 400;
 line-height: 1.3;
 margin-top: 4px;
 padding-left: 12px;
}

.outlined-error {
 margin-bottom: 0;
}

.outlined-has-content input + label,
.outlined-input input:focus + label {
 font-size: 12px;
 height: auto;
 top: 0;
 width: auto;
}

.outlined-input input:disabled {
 background-color: var(--gray-10);
 color: var(--gray-60);
 cursor: not-allowed;
}

.react-datepicker-wrapper {
 margin: 0 0 20px;
 width: 100%;
}

.react-datepicker-wrapper .outlined-input {
 margin-bottom: 0;
}

.react-datepicker-popper[data-placement^="bottom"] {
 padding: 0;
}

.background-feature-card {
 display: flex;
 flex-direction: column;
 height: 100%;
}

.background-feature-card-ctn {
 padding-top: 56.25%;
 position: relative;
}

.background-feature-card-title {
 background: hsla(0, 0%, 100%, 0.8);
 border-radius: 9px 9px 0 0;
 height: 100%;
 padding: 16px 8px;
}

.background-feature-card-title-text {
 color: var(--gray-100);
 font-size: 18px;
 font-weight: 700;
 line-height: 130%;
 text-align: center;
}

.background-feature-card-img {
 border-radius: 0 0 9px 9px;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 position: absolute;
 top: 0;
 width: 100%;
}

.background-feature-card-full-width-img {
 display: flex;
 flex-direction: column;
 height: 100%;
}

.background-feature-card-full-width-img .background-feature-card-img {
 border-radius: 6px;
}

.background-video {
 margin: 0 0 16px -16px;
 padding: 16px;
 position: relative;
 width: calc(100% + 32px);
}

.background-video,
.background-video-left {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.background-video-left {
 height: 100%;
 width: 100%;
}

.background-video-left-description {
 color: #f68e01;
 font-size: 16px;
 font-weight: 500;
 line-height: 1.5;
 margin-top: 0;
}

.background-video-left-title {
 color: #fff;
 font-size: 22px;
 font-weight: 700;
 line-height: 130%;
 margin: 0;
}

.background-video-left-sponsors-logo {
 align-self: center;
 max-height: 22px;
 min-height: 22px;
 -o-object-fit: contain;
 object-fit: contain;
 width: 100%;
}

.background-video-left-logo-img {
 height: auto;
 max-height: unset;
 max-width: 100px;
 -o-object-fit: contain;
 object-fit: contain;
 width: auto;
}

.background-video-left-logo-tr-img {
 height: auto;
 max-height: unset;
 max-width: 75px;
 -o-object-fit: cover;
 object-fit: cover;
 position: relative;
 width: 100%;
}

.background-video-right {
 width: 100%;
}

.background-video-right .rawHTML {
 display: flex;
 height: auto;
 margin: 0;
}

.background-video-right .swiper-pagination-bullet,
.background-video-right .swiper-pagination-bullet-active {
 background-color: var(--white-100);
}

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

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

.background-video-right .jwplayer-ctn {
 height: 100%;
 margin: 0;
 padding-top: 56.25%;
 width: calc(100% - 2px);
}

.background-video-right .jwplayer-ctn > div {
 height: 100%;
}

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

.background-video-right .jwplayer-ctn > div .jw-wrapper {
 border: 1px solid var(--white-100);
}

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

.background-video .bg-deck-upperCase {
 text-transform: uppercase;
}

.background-video .bg-deck-black {
 color: #1f1f1f;
}

.background-video .bg-deck-orange {
 color: #f68e01;
}

.background-video .bg-deck-white {
 color: #fff;
}

.background-video-sponsors-logo {
 height: 22px;
 max-width: 568px;
 -o-object-fit: contain;
 object-fit: contain;
}

.b-f-title-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;
}

.feat-one-three {
 display: flex;
 flex-direction: column;
 margin: 0 -16px 16px;
}

.feat-one-three-divider-bottom,
.feat-one-three-divider-top {
 display: flex;
 height: 2px;
 justify-content: center;
 margin: 0 0 24px;
}

.feat-one-three .borderClass {
 border-bottom: 1px solid;
 border-top: 1px solid;
}

.feat-one-three .title-bar.chain-child {
 margin: 0 16px 12px;
}

.feat-one-three-main {
 display: flex;
 flex-direction: column;
 margin-bottom: 20px;
 width: 100%;
}

.feat-one-three-main-anchor-img {
 position: relative;
}

.feat-one-three-main-anchor-img:has(iframe) {
 padding-bottom: 56.25%;
 width: 100%;
}

.feat-one-three-main-img {
 width: 100%;
}

.feat-one-three-main-info {
 align-items: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 padding: 16px;
}

.feat-one-three-main-info .centered {
 text-align: center;
}

.feat-one-three-main-info-promo {
 display: flex;
 margin-bottom: 16px;
}

.feat-one-three-main-info-promo:not(:has(img)) {
 color: var(--gray-90);
 font-size: 14px;
 font-weight: 500;
 line-height: 132%;
}

.feat-one-three-main-info-external-logo {
 max-height: 44px;
}

.feat-one-three-main-info-logo {
 max-width: 130px;
}

.feat-one-three-main-info h2 {
 color: var(--gray-100);
 font-size: 22px;
 font-weight: 700;
 line-height: 120%;
 margin-bottom: 12px;
 text-align: center;
}

.feat-one-three-main-info p {
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 300;
 line-height: 150%;
 text-align: center;
}

.feat-one-three-small-ctn {
 display: flex;
 flex-direction: column;
 padding-bottom: 16px;
}

.feat-one-three-small {
 -moz-column-gap: 20px;
 column-gap: 20px;
 display: grid;
 grid-template-columns: 7fr 3fr;
 justify-content: space-between;
 padding: 0 16px;
 width: 100%;
}

.feat-one-three-small-anchor-img {
 max-height: 100px;
 max-width: 100px;
 width: 100%;
 border-radius: 3px;
}

.feat-one-three-small-img {
 border-radius: 3px;
 height: 100px;
 -o-object-fit: cover;
 object-fit: cover;
 width: 100px;
}

.feat-one-three-small-info {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 row-gap: 12px;
}

.feat-one-three-small-info-promo {
 margin-bottom: 22px;
}

.feat-one-three-small-info h2 {
 color: var(--gray-100);
 font-size: 16px;
 font-weight: 700;
 line-height: 130%;
 margin: 0;
}

.feat-one-three-small-info p {
 color: var(--gray-90);
 font-size: 14px;
 font-weight: 300;
 line-height: 24px;
}

.feat-one-three-small-info p b {
 font-weight: 500;
}

.feat-one-three-small-two {
 -moz-column-gap: 20px;
 column-gap: 20px;
 display: grid;
 grid-template-columns: 7fr 3fr;
 justify-content: space-between;
 padding: 0 16px;
 width: 100%;
}

.feat-one-three-small-two-anchor-img {
 aspect-ratio: 1/1;
 width: 100%;
 height: auto;
 -o-object-fit: cover;
 object-fit: cover;
 border-radius: 3px;
}

.feat-one-three-small-two-info {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.feat-one-three-small-two-info h2 {
 color: #1f1f1f;
 font-family: Roboto;
 font-size: 16px;
 font-style: normal;
 font-weight: 700;
 line-height: 130%;
}

.feat-one-three-divider {
 background-color: var(--gray-40);
 height: 1px;
 margin: 20px auto;
 width: calc(100% - 32px);
}

.feat-one-three-divider:last-child {
 margin: 20px auto 0;
}

.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, 0.5);
 display: grid;
 height: 100vh;
 inset: 0;
 padding: 24px;
 place-items: center;
 position: fixed;
 width: 100vw;
 z-index: 9999;
}

.modal-bj-content {
 background-color: #fff;
 border: 1px solid var(--gray-40);
 border-radius: 18px;
 color: var(--gray-80);
 max-width: 500px;
 padding: 20px;
 position: relative;
 width: 100%;
}

.modal-bj-content-close {
 all: unset;
 background-color: transparent;
 border: none;
 cursor: pointer;
 font-size: 20px;
 outline: none;
 position: absolute;
 right: 24px;
 top: 19px;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
}

.modal-bj-content-title {
 color: var(--gray-100);
 display: block;
 font-size: 22px;
 font-weight: 500;
 line-height: 1em;
 padding: 0 20px;
 text-align: center;
}

.modal-bj-content-separator {
 background-color: var(--gray-40);
 display: block;
 height: 0.5px;
 margin-top: 16px;
 width: 100%;
}

.modal-bj-content-text {
 color: var(--gray-90);
 display: block;
 font-size: 16px;
 font-weight: 300;
 line-height: 24px;
 margin: 16px auto 0;
 max-width: 450px;
 text-align: center;
}

.modal-bj-content-text span {
 color: var(--gray-100);
 font-weight: 700;
}

.modal-bj-content-link {
 border: 1px solid #d5d5d5;
 border-radius: 20px;
 display: block;
 font-size: 16px;
 font-weight: 400;
 line-height: 18px;
 margin-top: 32px;
 padding: 8px;
 text-align: center;
 width: 100%;
}

.saved-notes-container {
 padding-bottom: 16px;
}

.saved-notes .feed-list-card {
 display: flex;
 flex-direction: row-reverse;
 gap: 12px;
 justify-content: flex-end;
 margin-bottom: 0;
 padding: 8px 0;
}

.saved-icon {
 margin: 3px;
 padding-left: 2px;
 width: 100%;
}

.saved-icon path {
 stroke: var(--gray-90);
}

.saved-icon.saved path {
 fill: var(--gray-90);
}

.overlay {
 background-color: rgba(0, 0, 0, 0.5);
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 30200;
}

.no-notes-container {
 align-items: center;
 display: flex;
 flex-direction: column;
 padding: 16px;
}

.no-notes-message {
 color: var(--gray-80);
 font-size: 18px;
 font-weight: 700;
 margin: 0;
 padding: 16px;
 text-align: center;
}

.no-notes-subtitle {
 color: var(--background-shared-btn);
 font-size: 16px;
 font-weight: 300;
 padding-bottom: 72px;
 text-align: center;
}

.saved-notes-modal {
 background-color: var(--white-100);
 border-radius: 10px;
 display: flex;
 flex-direction: column;
 left: 50%;
 max-width: 400px;
 padding: 20px;
 position: fixed;
 top: 50%;
 transform: translate(-50%, -50%);
 width: calc(100% - 32px);
 z-index: 35000;
}

.close-button {
 color: var(--gray-60);
 display: flex;
 flex-direction: row-reverse;
}

.buttons-content {
 display: flex;
 flex-direction: row;
 gap: 16px;
 justify-content: center;
}

.save-notes-card {
 position: relative;
}

.saved-notes-modal-title {
 color: var(--gray-90);
 font-size: 18px;
 font-weight: 700;
 line-height: 23.4px;
 margin: 0;
 padding-bottom: 20px;
 text-align: center;
}

.saved-notes-button {
 background-color: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--gray-50);
 color: var(--gray-90);
 font-size: 16px;
 font-weight: 400;
 height: 35px;
 width: 171px;
}

.saved-notes-button:hover {
 background-color: var(--gray-10);
}

.saved-notes-counter {
 display: none;
}

.saved-notes .feed-list-card-headline-lean {
 font-size: 16px;
 font-weight: 700;
 margin-bottom: 63px;
}

.saved-notes .col1 {
 display: flex;
 flex-direction: column;
 gap: 12px;
 justify-content: space-between;
}

.saved-notes .feed-list-card .col2 {
 max-height: 98.4px;
 max-width: 98.4px;
 min-height: 98.4px;
 min-width: 98.4px;
 padding-top: 0;
 width: -moz-fit-content;
 width: fit-content;
}

.saved-notes .feed-list-card .col2 .feed-list-image {
 height: 98.4px;
 width: 98.4px;
}

.saved-notes .feed-list-card .col2 img {
 -o-object-fit: cover;
 object-fit: cover;
}

.save-notes-bottom {
 align-items: center;
 bottom: 12px;
 display: flex;
 flex-direction: row;
 gap: 10px;
 justify-content: space-between;
 left: 110.4px;
 position: absolute;
 width: calc(100% - 111px);
}

.save-notes-bottom .story-card-author-ctn {
 color: var(--gray-90);
 font-size: 14px;
 font-weight: 300;
 justify-content: flex-start;
}

.save-notes-bottom .story-card-author-name {
 color: var(--gray-90);
 font-weight: 400;
}

.button-deleted {
 align-items: center;
 background-color: var(--gray-10);
 border-radius: 100px;
 border: 1px solid var(--gray-10);
 display: flex;
 height: 24px;
 justify-content: center;
 padding-block: 0;
 padding-inline: 0;
 width: 24px;
}

.button-deleted path {
 fill: var(--gray-70);
}

.button-deleted:hover {
 background-color: var(--gray-20);
}

.date-component {
 display: none;
}

.date-icon {
 color: #777;
}

.saved-notes-button-container {
 display: flex;
 justify-content: center;
 padding: 0 16px 32px;
}

.saved-notes-read-more {
 align-items: center;
 background-color: var(--white-100);
 border-radius: 100px;
 border: 1px solid var(--chain-with-border);
 color: var(--button-alert-text);
 display: flex;
 font-size: 16px;
 gap: 6px;
 height: 35px;
 justify-content: center;
 padding: 8px 16px;
 width: -moz-max-content;
 width: max-content;
}

.plus-saved {
 max-height: 10px;
 max-width: 10px;
}

.plus-saved > g > g > path {
 fill: var(--fill-icon-show-minus);
}

.saved-notes-read-more:hover {
 background-color: var(--gray-10);
}

.swiper-container {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 position: relative;
 width: 1280px;
}

.saved-notes-prev-arrow {
 border-radius: 100px;
 border: 1px solid #9b9b9b;
 color: #9b9b9b;
 cursor: pointer;
 margin: 0 12px;
}

.swiper-container .swiper-pagination-bullet-active {
 background: #f68e01;
}

.swiper-container .swiper {
 width: 1280px;
}

.swiper-container .swiper .swiper-slide {
 display: flex;
 flex-wrap: wrap;
 margin: 1.5rem 0;
}

.swiper-container .swiper-android .swiper-slide .swiper-wrapper {
 height: 40px;
}

.button-listen {
 align-items: center;
 display: flex;
 height: 32px;
 justify-content: center;
 padding: 9px 8px;
 width: 32px;
}

.button-listen:hover {
 background-color: var(--gray-10);
}

.button-listen > .buttons-text {
 color: #3b3b3b;
 display: none;
 font-size: 12px;
 line-height: 1;
 margin-bottom: 0;
}

.listen-icon-svg {
 fill: var(--gray-90);
 height: 16px;
 width: 14px;
}

.button-playing {
 background-color: var(--orange-10);
 border: 1px solid var(--orange-60);
}

.button-playing:hover {
 background-color: rgba(246, 142, 1, 0.2);
}

.frame-borders {
 border-bottom: 2px solid var(--gray-60);
 border-top: 2px solid var(--gray-60);
}

.frame-title-wrapper {
 align-items: center;
 border-bottom: 1px solid var(--gray-50);
 display: flex;
 gap: 16px;
 justify-content: space-between;
 margin-bottom: 12px;
 padding: 16px 0;
 width: 100%;
}

.frame-title {
 color: var(--gray-100);
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 1.3;
 margin: 0;
 text-transform: uppercase;
}

.frame-title-button {
 align-items: center;
 background: hsla(0, 0%, 100%, 0.8);
 border: 1px solid var(--gray-40);
 border-radius: 100px;
 display: flex;
 gap: 6px;
 height: 36px;
 padding: 4px 14px;
}

.frame-title-button:hover {
 background: var(--gray-10);
 border: 1px solid var(--gray-50);
}

.frame-title-button:active {
 background: rgba(246, 142, 1, 0.1);
 border: 1px solid var(--orange-100);
 color: var(--gray-100);
 font-weight: 500;
}

.frame-title-button span {
 text-wrap: nowrap;
 color: var(--gray-80);
 font-size: 12px;
 font-weight: 400;
 line-height: 1.3;
}

.frame-title-button .arrow {
 fill: var(--gray-80);
}

.bajalibros-card {
 background: rgba(246, 142, 1, 0.05);
 border-radius: 9px;
 border: 1px solid #f68e01;
 display: flex;
 margin: 0 auto 16px;
 max-width: 400px;
 padding-right: 8px;
 width: 100%;
}

.bajalibros-card:hover {
 background: rgba(246, 142, 1, 0.1);
}

.bajalibros-card:hover .bajalibros-card-book-info-redirect {
 background: #f68e01;
 color: var(--white-100);
}

.bajalibros-card:hover .bajalibros-card-book-info-redirect svg path {
 fill: var(--white-100);
}

.bajalibros-card.bajalibros-card-free {
 background: rgba(22, 157, 93, 0.05);
 border: 1px solid #169d5d;
}

.bajalibros-card.bajalibros-card-free:hover {
 background: rgba(22, 157, 93, 0.1);
}

.bajalibros-card.bajalibros-card-free .bajalibros-card-book-type,
.bajalibros-card.bajalibros-card-free:hover
 .bajalibros-card-book-info-redirect {
 background: #169d5d;
}

.bajalibros-card-book-img {
 border-radius: 3px;
 height: 150px;
 margin: 8px;
 -o-object-fit: contain;
 object-fit: contain;
 width: 96px;
}

.bajalibros-card-book-info {
 display: flex;
 flex-direction: column;
 flex: 1;
 justify-content: space-between;
 padding: 16px 0;
}

.bajalibros-card-book-info-top {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.bajalibros-card-book-info-title {
 color: var(--gray-90);
 font-size: 16px;
 font-style: normal;
 font-weight: 500;
 line-height: 130%;
 text-transform: uppercase;
}

.bajalibros-card-book-info-author {
 color: var(--gray-90);
 font-size: 14px;
 font-style: normal;
 font-weight: 300;
 line-height: 150%;
}

.bajalibros-card-book-info-author span {
 font-weight: 400;
}

.bajalibros-card-book-type {
 background: var(--orange-100);
 border-radius: 100px;
 color: var(--white-100);
 font-size: 12px;
 font-weight: 400;
 line-height: 100%;
 padding: 3px 6px;
 width: -moz-fit-content;
 width: fit-content;
}

.bajalibros-card-book-info-bottom {
 align-items: center;
 display: flex;
 justify-content: space-between;
}

.bajalibros-card-book-info-price {
 color: var(--gray-100);
 font-size: 18px;
 font-style: normal;
 font-weight: 700;
 line-height: normal;
}

.bajalibros-card-book-info-price span {
 font-weight: 300;
}

.bajalibros-card-book-info-redirect {
 align-items: center;
 background: rgba(246, 142, 1, 0.1);
 border-radius: 50px;
 border: 1px solid rgba(246, 142, 1, 0.5);
 color: #f68e01;
 display: flex;
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 gap: 4px;
 line-height: 100%;
 padding: 6px 12px;
}

.bajalibros-card-book-info-redirect.free {
 background: rgba(22, 157, 93, 0.1);
 border: 1px solid rgba(22, 157, 93, 0.5);
 color: #169d5d;
}

.bajalibros-card-book-info-redirect .icon-drop {
 transform: rotate(90deg);
}

.bajalibros-card-horizontal {
 display: flex;
 flex-direction: column;
 height: 100%;
 max-width: 166px;
}

.bajalibros-card-horizontal:hover .bajalibros-card-book-info-redirect {
 background: var(--orange-100);
 border: 1px solid var(--orange-100);
 color: var(--white-100);
}

.bajalibros-card-horizontal:hover .bajalibros-card-book-info-redirect svg path {
 fill: var(--white-100);
}

.bajalibros-card-horizontal:hover .bajalibros-card-book-info-redirect.free {
 background: #169d5d;
 border: 1px solid rgba(22, 157, 93, 0.1);
}

.bajalibros-card-horizontal-book-img-ctn {
 align-items: center;
 background: var(--gray-10);
 border-radius: 3px;
 display: flex;
 height: 251px;
 justify-content: center;
 padding: 8px;
 position: relative;
 width: 166px;
}

.bajalibros-card-horizontal-book-img-ctn:before {
 background: var(--orange-100);
 border-radius: 100px;
 bottom: 12px;
 color: var(--white-100);
 content: "eBook";
 font-size: 12px;
 font-weight: 400;
 line-height: 100%;
 padding: 3px 6px;
 position: absolute;
 right: 12px;
 z-index: 1;
}

.bajalibros-card-horizontal-book-img-ctn.audio:before {
 background: #169d5d;
 content: "Audiolibro";
}

.bajalibros-card-horizontal-book-img {
 border-radius: 3px;
 max-height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 width: 100%;
}

.bajalibros-card-horizontal-book-info {
 display: flex;
 flex-direction: column;
 flex: 1;
 gap: 8px;
 padding: 8px;
}

.bajalibros-card-horizontal-book-info-top {
 display: flex;
 flex-direction: column;
 flex: 1;
 gap: 6px;
}

.bajalibros-card-horizontal .bajalibros-card-book-info-title {
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 color: var(--gray-90);
 display: -webkit-box;
 flex: 1;
 font-size: 16px;
 font-style: normal;
 font-weight: 300;
 line-height: 130%;
 max-height: 41.59px;
 overflow: hidden;
 text-overflow: ellipsis;
 text-transform: none;
 white-space: normal;
}

.bajalibros-card-horizontal .bajalibros-card-book-info-price {
 font-size: 18px;
 font-weight: 700;
 line-height: 100%;
}

.bajalibros-card-horizontal .bajalibros-card-book-info-redirect {
 font-size: 14px;
 justify-content: center;
}

.bajalibros-card-horizontal-book-info-bottom {
 display: flex;
 flex-direction: column;
 gap: 16px;
}

.hidden-container-title-story {
 display: none;
}

.container-title-story,
.hidden-container-title-story,
.shared-container-styles {
 display: flex;
 flex-direction: column;
 margin-bottom: 16px;
}

.container-title-story .container-story,
.hidden-container-title-story .container-story,
.shared-container-styles .container-story {
 min-height: 400px;
 max-height: 520px;
 display: flex;
}

.container-title-story .container-story .onboard-expand-21f150f0.svelte-2uqj35,
.hidden-container-title-story
 .container-story
 .onboard-expand-21f150f0.svelte-2uqj35,
.shared-container-styles
 .container-story
 .onboard-expand-21f150f0.svelte-2uqj35 {
 font-size: 14px;
}

.container-title-story
 .container-story
 .onboard-expand-2962f053.svelte-1kw95ld.svelte-1kw95ld,
.hidden-container-title-story
 .container-story
 .onboard-expand-2962f053.svelte-1kw95ld.svelte-1kw95ld,
.shared-container-styles
 .container-story
 .onboard-expand-2962f053.svelte-1kw95ld.svelte-1kw95ld {
 height: 350px;
 align-items: flex-end;
}

.container-title-story
 .container-story
 .onboard-expand-21f150f0
 .label-21f150f0,
.hidden-container-title-story
 .container-story
 .onboard-expand-21f150f0
 .label-21f150f0,
.shared-container-styles
 .container-story
 .onboard-expand-21f150f0
 .label-21f150f0 {
 display: none;
}

.container-title-story .container-story .storylines-container,
.hidden-container-title-story .container-story .storylines-container,
.shared-container-styles .container-story .storylines-container {
 display: flex;
 justify-content: space-around;
 overflow-y: scroll;
 padding: 4px;
 width: 100%;
 scrollbar-width: none;
 -ms-overflow-style: none;
}

.container-title-story
 .container-story
 .storylines-container::-webkit-scrollbar,
.hidden-container-title-story
 .container-story
 .storylines-container::-webkit-scrollbar,
.shared-container-styles
 .container-story
 .storylines-container::-webkit-scrollbar {
 display: none;
}

.grey-line-component {
 border-bottom: 2px solid #c2c2c2;
 margin: 0 0 24px;
 max-height: 100%;
 height: 2px;
 min-width: 100%;
 width: 100%;
}

.slider-feed {
 display: flex;
 flex-direction: column;
 gap: 20px;
 margin-bottom: 16px;
}

.slider-feed.power-up {
 border-bottom: 2px solid var(--gray-40);
 border-top: 2px solid var(--gray-40);
 max-width: calc(100vw - 32px);
 padding: 24px 0;
 position: relative;
}

.slider-feed.power-up .slider-feed-shadow-end {
 background: linear-gradient(270deg, var(--white-100), hsla(0, 0%, 100%, 0));
 right: -2px;
}

.slider-feed.power-up .slider-feed-shadow-start {
 background: linear-gradient(-270deg, var(--white-100), hsla(0, 0%, 100%, 0));
 left: -2px;
}

.slider-feed.power-up .slider-feed-shadow-end,
.slider-feed.power-up .slider-feed-shadow-start {
 content: "";
 flex-shrink: 0;
 height: 100%;
 position: absolute;
 top: 0;
 width: 31px;
 z-index: 2;
}

.slider-feed.power-up .slider-feed-swiper {
 padding-bottom: 0;
}

.slider-feed.power-up .prev-arrow {
 left: 0;
 transform: translateX(-50%);
}

.slider-feed.power-up .next-arrow {
 right: 0;
 transform: translateX(50%);
}

.slider-feed.power-up .next-arrow,
.slider-feed.power-up .prev-arrow {
 background: var(--white-100);
 border-radius: 50%;
 border: 1px solid var(--gray-40);
 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
 display: none;
 height: 32px;
 position: absolute;
 top: 136px;
 width: 32px;
 z-index: 3;
}

.slider-feed.power-up .next-arrow circle,
.slider-feed.power-up .prev-arrow circle {
 fill: var(--white-100);
}

.slider-feed.power-up .next-arrow path,
.slider-feed.power-up .prev-arrow path {
 fill: var(--gray-60);
}

.slider-feed.power-up .next-arrow.disabled,
.slider-feed.power-up .prev-arrow.disabled {
 border-color: var(--gray-20);
 pointer-events: none;
}

.slider-feed.power-up .next-arrow.disabled path,
.slider-feed.power-up .prev-arrow.disabled path {
 fill: var(--gray-20);
}

.slider-feed.power-up .next-arrow:hover,
.slider-feed.power-up .prev-arrow:hover {
 cursor: pointer;
}

.slider-feed.power-up .next-arrow:hover circle,
.slider-feed.power-up .prev-arrow:hover circle {
 fill: var(--gray-10);
}

.slider-feed-title-ctn {
 align-items: center;
 border-bottom: 1px solid var(--gray-50);
 border-top: 2px solid var(--gray-50);
 display: flex;
 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;
}

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

.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 {
 gap: 20px;
 margin: 0 0 16px -16px;
 padding: 24px 16px;
 width: calc(100% + 32px);
}

.background-feature-videos,
.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 {
 font-size: 12px;
}

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

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

.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 {
 -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;
 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 {
 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: 200px;
 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);
}

.ctn-border-home {
 border: 1px solid var(--gray-40);
 border-radius: 12px;
 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: calc(100% + 32px);
}

.sport-title-only-image {
 max-height: 22px;
 max-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 {
 font-size: 22px;
 font-weight: 500;
 line-height: 100%;
 color: var(--gray-90);
 padding: 16px 0;
 width: 100%;
 border-bottom: 1px solid var(--gray-50);
}

.sport-leagues-logos-ctn .league-tournament-box {
 display: grid;
 grid-template-columns: 1fr;
 -moz-column-gap: 20px;
 column-gap: 20px;
 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 {
 width: 40px;
 height: 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 {
 width: 40px;
 height: 40px;
}

.sport-leagues-logo {
 height: 100%;
 max-height: 40px;
 width: 40px;
}

.sport-calendar,
.sport-calendar-error {
 display: flex;
 flex-direction: column;
 row-gap: 20px;
}

.sport-calendar-error .next-arrow:hover,
.sport-calendar-error .prev-arrow:hover,
.sport-calendar .next-arrow:hover,
.sport-calendar .prev-arrow:hover {
 background-color: var(--gray-10);
 border-color: var(--gray-50);
}

.sport-calendar-error .next-arrow-disabled,
.sport-calendar-error .prev-arrow-disabled,
.sport-calendar .next-arrow-disabled,
.sport-calendar .prev-arrow-disabled {
 opacity: 0.5;
 pointer-events: none;
}

.sport-calendar-error .next-arrow-active,
.sport-calendar-error .prev-arrow-active,
.sport-calendar .next-arrow-active,
.sport-calendar .prev-arrow-active {
 pointer-events: auto;
}

.sport-calendar-error:has(.not-found-league),
.sport-calendar:has(.not-found-league) {
 row-gap: 32px;
}

.sport-calendar-error .react-datepicker-wrapper,
.sport-calendar-error .sport-calendar-swipper-wrapper,
.sport-calendar .react-datepicker-wrapper,
.sport-calendar .sport-calendar-swipper-wrapper {
 align-items: center;
 display: flex;
 flex-direction: row;
 gap: 12px;
 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: 1px solid var(--gray-40);
 border-radius: 100%;
 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: 1px solid var(--gray-40);
 border-radius: 100px;
 color: transparent;
 cursor: pointer;
 display: flex;
 gap: 4px;
 height: 60px;
 justify-content: center;
 padding: 8px 16px;
 width: 50px;
}

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

.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% - 65px);
}

.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 {
 margin: 0;
}

.sport-calendar-date {
 align-items: center;
 background-color: transparent;
 border: 1px solid var(--gray-40);
 border-radius: 100px;
 cursor: pointer;
 display: flex;
 flex-direction: column;
 gap: 4px;
 height: 60px;
 justify-content: center;
 margin: 0 auto;
 max-width: 38px;
 min-width: 38px;
 padding: 16px 8px;
}

.sport-calendar-date p {
 height: 100%;
}

.sport-calendar-date:focus-visible,
.sport-calendar-date:hover {
 background: rgba(2, 132, 12, 0.1);
 border-radius: 100px;
}

.sport-calendar-date-active {
 background: rgba(2, 132, 12, 0.1);
 border: 1px solid var(--green-100);
 border-radius: 100px;
 color: var(--gray-100);
 font-size: 14px;
 font-weight: 500;
}

.sport-calendar-date-active .sport-calendar-date-day {
 font-size: 16px;
 font-weight: 500;
}

.sport-calendar-date-active .sport-calendar-date-name {
 font-size: 14px;
 font-weight: 500;
}

.non-available-day {
 background-color: var(--gray-10);
 border: 1px solid var(--gray-40);
 border-radius: 100px;
 color: var(--gray-50);
 cursor: not-allowed;
}

.non-available-day:hover {
 background-color: var(--gray-10);
 border-color: var(--gray-40);
}

.sport-calendar-date-day {
 font-size: 14px;
 font-weight: 400;
}

.sport-calendar-date-day,
.sport-calendar-date-name {
 color: var(--gray-90);
 font-family: Roboto, sans-serif;
 line-height: 1;
 text-align: center;
}

.sport-calendar-date-name {
 font-size: 12px;
 font-weight: 300;
}

.sport-calendar-day {
 color: var(--gray-80);
 font-size: 14px;
 font-weight: 300;
 line-height: 16.41px;
 text-wrap: nowrap;
}

.sport-calendar-full-date {
 color: var(--gray-90);
 font-family: Roboto, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1;
}

.sport-calendar-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(../images/arrow.svg) no-repeat 90%;
 background-color: var(--bg);
 border: 0.5px solid var(--gray-50);
 border-radius: 100px;
 color: var(--gray-80);
 display: flex;
 font-family: Roboto;
 font-size: 14px;
 font-weight: 300;
 gap: 6px;
 justify-content: center;
 line-height: 1;
 padding: 6px 18px 6px 12px;
}

.date-picker-calendar-select:after {
 padding-bottom: 30px;
}

.sport-calendar-single-match {
 display: flex;
 flex-direction: column;
 gap: 20px;
}

.sport-calendar-single-match .sport-calendar-match {
 border: 1px solid var(--gray-40);
 border-radius: 6px;
}

.sport-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-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, 0.1);
 font-weight: 300;
 justify-content: center;
 line-height: 18px;
 min-height: 35px;
 outline: 1px solid rgba(246, 142, 1, 0.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 {
 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: 30px;
 width: auto;
}

.sport-slider-flag img {
 height: 32px;
 -o-object-fit: cover;
 object-fit: cover;
 vertical-align: middle;
 width: auto;
}

.sport-slider-flag img:hover {
 height: 34px;
}

.includes-ad {
 width: calc(100% - 80px);
}

.league-overview {
 display: flex;
 flex-direction: column;
 max-width: calc(100vw - 32px);
}

.league-overview-tabs {
 border-bottom: 1px solid var(--gray-40);
 display: flex;
 gap: 12px;
 margin: 0 0 20px;
 position: relative;
}

.league-overview-tabs .sports-calendar-ad {
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 z-index: 1;
 background-color: var(--white-100);
 width: 96px;
 height: 71px;
 top: 0;
 right: -80px;
 border-bottom: 1px solid var(--gray-40);
}

.league-overview-tabs .sports-calendar-ad .ad-box {
 width: 80px;
 height: 34px;
 border-radius: 6px;
 aspect-ratio: 16/9;
}

.league-overview-tabs::-webkit-scrollbar {
 display: none;
}

.league-overview-tabs .swiper-slide {
 width: auto;
 height: -moz-fit-content;
 height: fit-content;
 margin-right: 12px;
}

.league-overview-tabs .swiper {
 margin-left: 0;
 margin-right: 0;
}

.league-overview-tabs .swiper-wrapper {
 padding: 20px 0;
}

.league-overview-tabs .leagues-swiper-divider {
 bottom: 0;
}

.league-overview-tabs .tooltip {
 position: relative;
 display: inline-block;
}

.league-overview-tabs .tooltip .tooltiptext {
 visibility: hidden;
 width: 90px;
 height: 23px;
 font-size: 12px;
 background-color: var(--gray-10);
 border: 0.5px solid var(--gray-40);
 color: var(--gray-70);
 text-align: center;
 padding: 3px 6px;
 border-radius: 6px;
 position: absolute;
 z-index: 1;
 bottom: 95%;
 left: 50%;
 transform: translateX(-50%);
}

.league-overview-tabs .tooltip .tooltiptext:after {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 transform: translateX(-50%);
 border: 6px solid transparent;
 border-top: 6px solid var(--gray-40);
}

.league-overview-tabs .tooltip:hover .tooltiptext {
 visibility: visible;
}

.league-overview .sport-header-wrapper .leagues-swiper-divider {
 margin-bottom: 0;
}

.league-overview-tab {
 align-items: center;
 background: transparent;
 border: 1px solid var(--election-gray-40);
 border-radius: 100px;
 color: var(--gray-70);
 cursor: pointer;
 display: flex;
 flex-shrink: 0;
 font-family: Roboto, sans-serif;
 font-size: 14px;
 font-weight: 300;
 gap: 4px;
 height: 30px;
 justify-content: flex-end;
 padding: 8px 16px;
}

.league-overview-tab:focus-visible,
.league-overview-tab:hover {
 background: var(--gray-10);
 border: 1px solid var(--gray-50);
 color: var(--gray-100);
}

.league-overview-tab-active {
 font-weight: 500;
}

.league-overview-tab-active,
.league-overview-tab-active:focus-visible,
.league-overview-tab-active:hover {
 background: rgba(2, 132, 12, 0.1);
 border: 1px solid var(--green-100);
 color: var(--gray-100);
}

.league-overview-tab-disabled {
 font-weight: 300;
}

.league-overview-tab-disabled,
.league-overview-tab-disabled:focus-visible,
.league-overview-tab-disabled:hover {
 background: var(--white-100);
 border: 1px solid var(--gray-30);
 color: var(--gray-30);
}

.league-overview-content {
 border-bottom: 2px solid var(--gray-50);
 margin-bottom: 20px;
 padding-bottom: 20px;
}

.league-overview-content.league-overview-content-news {
 padding-bottom: 8px;
}

.league-overview-content > div {
 display: none;
}

.league-overview-content-calendar .sport-calendar,
.league-overview-content-calendar .sport-calendar-error,
.league-overview-content-groups .pos-tbl-ctn,
.league-overview-content-positions .pos-tbl-ctn {
 display: flex;
}

.league-overview-content-brackets .fixture-wrapper {
 display: block;
}

.league-overview-content-news .default-chain-ctn {
 display: block;
 margin-bottom: 0;
 margin-top: 12px;
}

.league-overview-content-scores .sport-scores-ctn {
 display: flex;
}

.league-overview-content-playoff .fixture-wrapper {
 display: block;
}

.league-overview-content .pos-tbl-ctn .pos-tbl-hd {
 background: var(--gray-20);
 border: solid var(--gray-40);
 border-width: 1px 1px 2px;
 border-radius: 6px 6px 0 0;
 color: var(--gray-100);
}

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

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

.sport-live-events-league .leagues-swiper-divider {
 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: 0.5px solid var(--gray-40);
 border-radius: 3px;
 display: flex;
 flex-direction: column;
 gap: 6px;
 justify-content: center;
 padding: 6px;
 width: 100px;
}

.sports-live-event-game-card-live {
 border: 0.5px solid var(--red-100);
 border-radius: 3px;
}

.sports-live-event-game-card-live .sports-live-event-state {
 border-bottom: none;
 color: var(--red-100);
 font-weight: 500;
 gap: 4px;
 padding-bottom: 6px;
}

.sports-live-event-game-card-updated {
 background: transparent;
 border: 0.5px solid var(--gray-40);
 border-radius: 3px;
}

.sports-live-event-state {
 align-self: stretch;
 border-bottom: 0.5px solid var(--gray-40);
 color: var(--gray-90);
 display: inline-flex;
 font-size: 12px;
 font-weight: 300;
 line-height: 1;
 padding-bottom: 6px;
}

.sports-live-event-score {
 color: var(--gray-90);
 font-size: 15px;
 font-weight: 700;
 line-height: normal;
 text-align: center;
}

.sports-live-event-team-card {
 align-items: center;
 align-self: stretch;
 display: flex;
 justify-content: space-between;
 width: 100%;
}

.sports-live-event-team-card:is(.sports-live-event-team-loser) {
 opacity: 0.5;
}

.sports-live-event-results {
 align-items: center;
 display: inline-flex;
}

.sports-live-event-team {
 color: var(--gray-90);
 display: flex;
 flex-direction: row;
 font-size: 14px;
 font-weight: 300;
 gap: 4px;
 line-height: normal;
}

.sports-live-event-team img {
 height: 16px;
 width: 16px;
}

.sports-live-event-penal {
 color: var(--gray-90);
 font-size: 8px;
 font-weight: 700;
 line-height: normal;
}

.gallery {
 display: flex;
 flex-direction: column;
 gap: 16px;
 margin-left: -16px;
 max-width: 100vw;
 width: calc(100% + 32px);
}

.gallery-main-img-ctn {
 position: relative;
}

.gallery-left-arrow,
.gallery-right-arrow {
 align-items: center;
 background: transparent;
 display: flex;
 height: 100%;
 justify-content: center;
 position: absolute;
 top: 0;
 width: 72px;
 z-index: 1;
}

.gallery-left-arrow svg,
.gallery-right-arrow svg {
 border-radius: 100px;
 border: 1px solid var(--gray-20);
 height: 40px;
 width: 40px;
}

.gallery-left-arrow svg circle,
.gallery-right-arrow svg circle {
 fill: rgba(0, 0, 0, 0.5);
}

.gallery-left-arrow svg path,
.gallery-right-arrow svg path {
 fill: var(--gray-20);
}

.gallery-left-arrow.hiden svg,
.gallery-right-arrow.hiden svg {
 border: 1px solid hsla(0, 0%, 91.8%, 0.5);
}

.gallery-left-arrow.hiden svg path,
.gallery-right-arrow.hiden svg path {
 fill: hsla(0, 0%, 91.8%, 0.5);
}

.gallery-left-arrow {
 left: 0;
}

.gallery-right-arrow {
 right: 0;
}

.gallery .swiper {
 background: var(--gray-10);
 display: flex;
 flex-direction: column;
 gap: 16px;
 max-width: 100vw;
 overflow: hidden;
 padding: 16px 0 12px;
 width: 100%;
}

.gallery .swiper-pagination {
 bottom: inherit;
 display: flex;
 gap: 12px;
 left: inherit;
 margin: 0 auto;
 position: inherit;
 top: inherit;
 width: -moz-max-content;
 width: max-content;
}

.gallery .swiper-notification {
 display: none;
}

.gallery .swiper-slide {
 max-height: 101px;
}

.gallery-slider-ctn {
 display: flex;
 gap: 12px;
 padding: 0 16px;
 scrollbar-width: none;
}

.gallery-slider-ctn::-webkit-scrollbar {
 display: none;
}

.gallery-slider-img-ctn {
 border: none;
 padding: 0;
}

.gallery-slider-img {
 border-radius: 3px;
 display: flex;
 min-width: 100px;
}

.gallery-slider-img.amp {
 width: 250px;
}

.gallery-slider-img.selected {
 border: 1px solid var(--orange-90);
}

.gallery-slider-dots {
 display: flex;
 gap: 12px;
 margin: 0 auto;
 width: -moz-max-content;
 width: max-content;
}

.gallery .swiper-pagination-bullets .swiper-pagination-bullet {
 background: rgba(247, 153, 26, 0.6);
 border-radius: 50%;
 border: none;
 height: 8px;
 margin: 0;
 padding: 0;
 width: 8px;
}

.gallery
 .swiper-pagination-bullets
 .swiper-pagination-bullet.swiper-pagination-bullet-active {
 background: var(--orange-90);
}

.parliament-chart {
 margin: 0 auto 16px;
 max-width: 740px;
 padding-bottom: 16px;
}

.bet-slider-component {
 margin: 0 -16px 20px;
 min-height: 185px;
}

.ctn-boomb-headline {
 margin: 0 0 12px -16px;
 padding: 10px 16px 0;
 text-align: center;
 width: calc(100% + 32px);
}

.ctn-boomb-headline h1 {
 font-size: 25px;
 line-height: 1.3;
 text-align: center;
}

.ctn-boomb-headline .text-color-red {
 color: var(--red-100);
}

.ctn-boomb-headline .text-color-white {
 color: var(--white-100);
}

.slider-container {
 width: 50%;
}

.video-header .swiper {
 padding-top: 44px;
 width: 100%;
}

.video-header .swiper-3d .swiper-wrapper {
 align-items: center;
 display: flex;
 transform-style: preserve-3d;
}

.video-header .swiper-slide {
 background-position: 50%;
 background-size: cover;
 border-radius: 9px;
 height: auto;
 transition: transform 0.3s ease;
}

.video-header .swiper-slide img {
 border-radius: 9px;
 display: block;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 width: 100%;
}

.video-header .swiper-3d {
 perspective: 500px;
}

.video-header .swiper-slide-active {
 border-radius: 12px;
 border: 3px solid var(--orange-100);
}

.video-header .swiper-3d .swiper-slide-shadow,
.video-header .swiper-3d .swiper-slide-shadow-bottom,
.video-header .swiper-3d .swiper-slide-shadow-left,
.video-header .swiper-3d .swiper-slide-shadow-right,
.video-header .swiper-3d .swiper-slide-shadow-top {
 border-radius: 9px;
}

.videos-feed {
 display: flex;
 flex-direction: column;
 gap: 20px;
 margin-bottom: 16px;
}

.videos-feed-title-ctn {
 align-items: center;
 display: flex;
 justify-content: space-between;
}

.videos-feed-title-content {
 align-items: center;
 display: flex;
 flex-direction: 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(../images/BB4YVOOXJREOZGNTG6NBZTGS6A.png);
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 display: grid;
 height: 100%;
 padding: 32px;
 place-items: center;
 width: 100%;
}

.aspen-wrapper {
 align-items: center;
 display: flex;
 flex-direction: column;
 gap: 48px;
 justify-content: center;
}

.aspen-title {
 color: var(--gray-90);
 font-size: 24px;
 font-weight: 400;
 margin: 0;
 text-align: center;
}

.aspen-player {
 display: flex;
 align-items: center;
 gap: 16px;
}

.aspen-player-logo {
 width: 44px;
 height: 44px;
 -o-object-fit: cover;
 object-fit: cover;
}

.aspen-player-audio {
 height: 44px;
 max-width: 242px;
 width: 242px;
}

.aspen-share .social-icons {
 display: flex;
 gap: 10px;
}

.aspen-share .social-icons svg > rect {
 fill: transparent;
}

.aspen-share .social-icons svg:hover > rect {
 fill: var(--gray-10);
}

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

.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: 0.5px solid var(--gray-40);
 border-radius: 6px;
 bottom: 95%;
 color: var(--gray-70);
 font-size: 12px;
 height: 23px;
 left: 50%;
 padding: 3px 6px;
 position: absolute;
 text-align: center;
 transform: translateX(-50%);
 visibility: hidden;
 width: 90px;
 z-index: 1;
}

.tabs-component-tooltip .tooltiptext:after {
 border: 6px solid transparent;
 border-top: 6px solid var(--gray-40);
 content: "";
 left: 50%;
 position: absolute;
 top: 100%;
 transform: translateX(-50%);
}

.tabs-component-tooltip:hover .tooltiptext {
 visibility: visible;
}

.tabs-component-button {
 align-items: center;
 background: transparent;
 border: 1px solid var(--election-gray-40);
 border-radius: 100px;
 color: var(--gray-70);
 cursor: pointer;
 display: flex;
 flex-shrink: 0;
 font-family: Roboto, sans-serif;
 font-size: 14px;
 font-weight: 300;
 gap: 4px;
 height: 30px;
 justify-content: flex-end;
 padding: 8px 16px;
}

.tabs-component-button:focus-visible,
.tabs-component-button:hover {
 background: var(--gray-10);
 border: 1px solid var(--gray-50);
 color: var(--gray-100);
}

.tabs-component-button-active {
 font-weight: 500;
}

.tabs-component-button-active,
.tabs-component-button-active:focus-visible,
.tabs-component-button-active:hover {
 background: rgba(2, 132, 12, 0.1);
 border: 1px solid var(--green-100);
 color: var(--gray-100);
}

.tabs-component-button-disabled {
 font-weight: 300;
}

.tabs-component-button-disabled,
.tabs-component-button-disabled:focus-visible,
.tabs-component-button-disabled:hover {
 background: var(--white-100);
 border: 1px solid var(--gray-30);
 color: var(--gray-30);
}

.tab-content-active {
 display: block;
}

.tab-content-hidden {
 display: none;
}

.ctn-tenis-event-overview {
 max-width: calc(100vw - 32px);
}

.ctn-tenis-event-overview .triangle-container {
 width: 10px;
 height: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.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-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-tenis-event-overview .accordion-item:last-child {
 margin-bottom: 20px;
}

.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-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-tenis-event-overview .dropdown-icon-down {
 transform: rotate(90deg);
}

.ctn-tenis-event-overview .grey-line-component {
 margin-top: 20px;
}

.ctn-tenis-event-overview .tennis-match-card-header {
 align-items: center;
 align-self: stretch;
 display: flex;
 flex-direction: row;
 justify-content: center;
}

.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-tenis-event-overview .tennis-player-scores {
 display: flex;
 width: -moz-max-content;
 width: max-content;
}

.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-tenis-event-overview
 .tennis-player-card-header
 .sport-calendar-match-played {
 display: flex;
 justify-content: flex-start;
 margin: 0;
 padding-left: 12px;
}

.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-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-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-tenis-event-overview .tennis-match-card {
 gap: 6px;
 padding: 12px;
}

.ctn-tenis-event-overview .tennis-match-card,
.ctn-tenis-event-overview .tennis-player-card-wrapper {
 align-items: center;
 align-self: stretch;
 border: 1px solid var(--gray-40);
 border-radius: 6px;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.ctn-tenis-event-overview .tennis-player-card-wrapper {
 background: var(--gray-0);
 gap: 10px;
 padding: 12px clamp(10px, 1vw, 45px);
}

.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-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-tenis-event-overview .tennis-player-row-loser {
 opacity: 0.5;
}

.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-tenis-event-overview .tennis-player-name p {
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 display: -webkit-box;
 overflow: hidden;
 text-overflow: ellipsis;
}

.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-tenis-event-overview .tennis-player-score span {
 font-size: 10px;
 font-weight: 400;
 text-align: center;
}

.ctn-tenis-event-overview .tennis-set-winner {
 font-weight: 700;
}

.ctn-tenis-event-overview .tennis-player-score:last-child {
 border-right: none;
}

.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-tenis-event-overview .tennis-player-arrow {
 display: inline-flex;
 flex-direction: row;
 font-size: 12px;
}

.ctn-tenis-event-overview .margin {
 margin-left: 6px;
 width: 10px;
}

.ctn-tenis-event-overview .no-matches {
 max-width: 100%;
 padding: 2rem;
 margin: 8rem 0;
 border-radius: 12px;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.ctn-tenis-event-overview .no-matches a {
 color: #3b82f6;
 text-decoration: none;
 font-weight: 500;
}

.ctn-tenis-event-overview .no-matches__container {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 1rem;
}

.ctn-tenis-event-overview .no-matches__icon {
 width: 48px;
 height: 48px;
 color: #9ca3af;
}

.ctn-tenis-event-overview .no-matches__text {
 font-size: 1.1rem;
 color: #6b7280;
 margin: 0;
 text-align: center;
}

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

.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 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 {
  align-items: center;
  padding-bottom: 0;
 }

 .byline-text-wrapper {
  margin-left: 16px;
 }

 .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.swiper {
  display: none;
 }

 .exchange-dolar {
  display: block;
 }

 .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 {
  margin-top: 8px;
  order: 2;
  width: 100%;
 }

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

 .livebar-ctn-info-headlines {
  margin-bottom: 0;
  margin-top: 16px;
 }

 .livebar-ctn-info-headlines_title {
  font-size: 20px;
 }

 .livebar-ctn_video {
  height: 161px;
  order: 1;
 }

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

 .minute-by-minute-ctn {
  height: calc(100% - 12px);
 }

 .newsletter-card-horizontal.card-feed-list .newsletter-container-info {
  gap: 20px;
  grid-template-columns: 1fr 122px;
 }

 .newsletter-card-horizontal.card-feed-list
  .newsletter-container-info
  .info
  .title,
 .newsletter-card-horizontal.card-feed-list
  .newsletter-header
  .header-title
  span {
  font-size: 22px;
 }

 .newsletter-card-horizontal.card-feed-list
  .newsletter-container-info
  .info
  .description {
  font-size: 16px;
 }

 .newsletter-card-page-view-button-ctn {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
 }

 .notifications-menu-ctn-interests {
  height: calc(100vh - 485px);
 }

 .notifications-menu-active:has(.notifications-menu-not-configured)
  .notifications-menu-ctn-interests {
  height: calc(100vh - 575px);
 }

 .right-panel {
  max-width: 318px;
 }

 .right-panel .button,
 .right-panel__button--logout-ctn {
  max-width: 286px;
 }

 .sharebar-container {
  flex-flow: row wrap;
 }

 .buttons-save-text {
  display: flex;
  justify-content: center;
  min-width: 61px;
 }

 .sharebar-buttons.button-save,
 .sharebar-buttons.button-saved {
  font-size: 14px;
  font-weight: 400;
  gap: 6px;
  padding: 10px 22px 10px 16px;
  width: 100%;
 }

 .button-save,
 .button-saved {
  width: auto;
 }

 .avoid-scroll {
  overflow: auto;
 }

 .sharemenu-header {
  display: none;
 }

 .sharemenu-container {
  border-radius: 3px;
  border: 0.5px solid var(--gray-50);
  box-shadow: none;
  display: none;
  padding: 0;
  position: absolute;
 }

 .sharemenu-overlay-background {
  display: none;
 }

 .sharemenu-container.show-sharemenu-container {
  bottom: auto;
  display: block;
  left: auto;
  right: 0;
  top: 35px;
  width: 144px;
 }

 .sharemenu-buttons {
  font-size: 10px;
  gap: 6px;
  height: auto;
  padding: 0;
 }

 .sharemenu-buttons:active {
  background: none;
 }

 .sharemenu-buttons-container {
  gap: 16px;
  padding: 8px;
 }

 .share-note-txt {
  padding-right: 17px;
 }

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

 .tva-player-ctn {
  margin: 0;
  padding-top: 56.25%;
  width: 100%;
 }

 .tva-player-figcaption {
  line-height: 1.6;
  margin: 12px 0 24px;
  padding: 0;
 }

 .title-bar,
 .title-bar-subtitle {
  font-size: 20px;
 }

 .title-bar {
  max-height: 68px;
 }

 .title-bar-text {
  font-size: 22px;
  padding: 18px 0;
 }

 .title-bar-text h2 {
  font-size: 22px;
 }

 .title-bar-logo {
  height: 40px;
  max-height: 40px;
  max-width: 100px;
 }

 .title-bar-logo-exclusive img {
  max-height: 32px;
  max-width: -moz-max-content;
  max-width: max-content;
 }

 .sharebar-article-date {
  font-size: 14px;
 }

 .share-bar-article-date-divider > .sharebar-article-date:first-child {
  margin-bottom: 0;
 }

 .sharebar-container {
  margin-bottom: 16px;
  position: relative;
 }

 .button-listen:active,
 .button-listen:hover,
 .sharebar-buttons:hover {
  background-color: var(--gray-10);
 }

 .button-listen:active {
  border: 1px solid var(--orange-60);
  background-color: var(--orange-10);
 }

 .button-playing:hover {
  background-color: rgba(246, 142, 1, 0.2);
 }

 .election-summaryBarV2_Individual {
  height: 27px;
 }

 .election-summaryBarV2 > .election-summaryBarV2Stat,
 .election-summaryBarV2 > .election-summaryBarV2StatBorder,
 .election-summaryBarV2_Individual > .election-summaryBarV2Stat,
 .election-summaryBarV2_Individual > .election-summaryBarV2StatBorder {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  justify-content: center;
  gap: 4px;
 }

 .election-summaryBarV2StatTitle {
  font-size: 14px;
  max-width: 100%;
 }

 .election-summaryBarV2StatQty {
  font-size: 13px;
 }

 .card-ll-layout {
  margin-bottom: 32px;
 }

 .card-ll-img,
 .card-ll-youtube {
  border-radius: 9px;
 }

 .card-ll-img-ctn {
  margin: 0;
  width: 100%;
 }

 .info-card-container-for-iframe > .info-card-top {
  flex-direction: row-reverse;
  justify-content: space-between;
 }

 .info-card-container.info-card-container-for-iframe {
  display: flex;
  flex-flow: wrap;
  flex-direction: row;
  gap: 0;
  justify-content: space-evenly;
 }

 .info-card-container.info-card-container-for-iframe > .info-card-description {
  max-width: 40%;
  text-align: start;
  flex: none;
 }

 .info-card-container {
  margin-bottom: 32px;
 }

 .ecc-children-wrapper-4 .last-child-odd,
 .ecc-children-wrapper .last-child-odd {
  grid-column: 2/4;
 }

 .background-feature-cards-right:has(.background-feature-card-full-width-img)
  .background-feature-card {
  max-width: 227px;
  width: 227px;
 }

 .background-feature-cards-right:has(.background-feature-card-full-width-img)
  .background-feature-card-full-width-img {
  max-height: 210px;
  max-width: 373.33px;
  width: 373.33px;
 }

 .background-video-left-logo-tr-img {
  left: 16px;
  max-width: 75px;
  position: absolute;
  top: 16px;
 }

 .background-video {
  border-radius: 12px;
  flex-direction: row;
  gap: 20px;
  margin: 0 0 24px;
  max-height: 242px;
  width: 100%;
 }

 .background-video-left {
  height: auto;
  justify-content: space-between;
  max-height: 210px;
  max-width: 438px;
  width: 50%;
 }

 .background-video-left-description {
  font-size: 18px;
 }

 .background-video-left-logo {
  max-width: 140px;
 }

 .background-video-left-logo-img {
  max-width: 100%;
 }

 .background-video-right {
  display: inline-block;
  margin: 0 auto;
  width: 50%;
 }

 .background-video-right-videos {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 469px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 2px);
 }

 .background-video-right .rawHTML {
  height: 100%;
  margin: 0 auto;
  max-height: 210px;
  max-width: 373px;
  width: auto;
 }

 .background-video-right .rawHTML iframe {
  height: 100%;
 }

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

 .background-video-right .swiper-pagination {
  display: none;
 }

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

 .feat-one-three-divider-bottom {
  display: flex;
  height: 2px;
  justify-content: center;
  margin: 24px 16px 32px;
  width: calc(100% - 32px);
 }

 .feat-one-three-two {
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: grid;
  grid-template-columns: 70% 30%;
  justify-content: space-between;
  padding: 0 16px;
  width: 100%;
 }

 .feat-one-three-two-anchor-img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 3px;
 }

 .feat-one-three-two-small-anchor-img {
  width: 100px;
  height: auto;
  aspect-ratio: 1/1;
 }

 .feat-one-three-small-anchor-img {
  width: 100px;
  height: auto;
 }

 .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-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-cl p,
 .pos-tbl-col p,
 .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;
 }

 .parliament-chart {
  margin: 0 auto 32px;
  padding-bottom: 32px;
 }

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

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

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

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

@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;
  min-width: 380px;
  max-width: 400px;
  padding-bottom: 25px;
  width: 100%;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
 }

 .author-image {
  align-items: flex-start;
 }

 .author-title__data-text {
  justify-content: flex-start;
 }

 .author-title__data-text h1 {
  font-size: 28px;
 }

 .author-title__data-text p {
  font-size: 18px;
 }

 .author-title__data-icons {
  align-self: flex-end;
 }

 .author-title__divider {
  width: 2px;
  min-width: 2px;
  height: auto;
  margin: 0 24px 18px;
 }

 .author-title__about {
  padding-bottom: 16px;
  width: 100%;
 }

 .author-title__about-text {
  text-align: start;
 }

 .byline {
  min-height: 56px;
 }

 .dark-mode-btn,
 .dark-mode-btn__container {
  width: 320px;
 }

 .fotos-100 .article-figcaption-img {
  margin: 12px 0 32px;
 }

 .article-figcaption-img,
 .article-figcaption-img-amp,
 .article-figcaption-video,
 .blogbody-figcaption-img,
 .blogbody-figcaption-img-amp,
 .blogbody-figcaption-video {
  margin: 12px 0 24px;
 }

 .headline-title {
  font-size: 22px;
 }

 .identity {
  margin-top: 13px;
 }

 .reset-form-ctn {
  height: 100%;
  padding: 20px 20px 40px;
  width: 500px;
 }

 .home-body {
  padding-top: 0;
 }

 .homepage-centered-body {
  padding: 0 16px;
 }

 .most-read-sticky {
  position: relative;
 }

 .most-read-relative .most-read,
 .most-read-sticky .most-read {
  top: 50px;
  position: fixed;
 }

 .article-right-rail .span-rail {
  margin-top: 144px;
 }

 .sport-events.content-section > .top-home,
 .video-layout .top-home {
  margin-top: 0;
 }

 .exclusive-body,
 .page-container,
 .page-container-centered-1168,
 .page-container-centered-1600,
 .page-container-liveblogging {
  max-width: 1236px;
 }

 .article-main-full-width .jwplayer-ctn > figcaption {
  padding: 0 16px;
 }

 .article-main-full-width .article-tags-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1204px;
 }

 .page-container-centered-1168 {
  max-width: none;
 }

 .article-section {
  display: grid;
  grid-template-areas: "header header" "article right-rail";
  grid-template-columns: minmax(328px, 1fr) 328px;
  max-width: 1236px;
 }

 .article-section,
 .article-section-no-ads {
  -moz-column-gap: 16px;
  column-gap: 16px;
 }

 .minibody-right-rail {
  grid-column: span 4;
 }

 .right-rail {
  grid-area: right-rail;
  width: 100%;
 }

 .right-rail-margin {
  margin-top: 46px;
 }

 .inner_minibody {
  grid-column: span 8;
 }

 .page-container-liveblogging .article-tags-container,
 .page-container-liveblogging .feed-list-wrapper {
  margin: 0 auto;
  max-width: 574px;
 }

 .header-layout-content-child {
  max-width: 1236px;
 }

 .width_full {
  height: 40px;
 }

 .masthead-navbar .dark-podcast .side-menu.slide-open {
  height: 95vh;
 }

 .sectionnav-container-bajalibros {
  justify-content: left;
 }

 .preview-modal-content {
  background-color: transparent;
  border: none;
  height: 100vh;
  max-height: 835px;
  max-width: 412px;
  position: relative;
  width: 100%;
 }

 .preview-modal-svg {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
 }

 .preview-modal-close {
  top: 0;
 }

 .preview-modal-top {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  height: 9%;
  margin-top: 10px;
 }

 .preview-modal-image-ctn,
 .preview-modal-top {
  background-color: var(--background-preview-modal);
  width: 90%;
 }

 .preview-modal-image-ctn {
  border-bottom-left-radius: 2.6rem;
  border-bottom-right-radius: 2.6rem;
  margin: 0 0 4%;
  max-height: 798px;
  max-width: 396px;
  overflow: hidden;
  padding: 0 4% 4%;
 }

 .preview-modal-image {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
 }

 .preview-modal-image::-webkit-scrollbar {
  width: 3px;
 }

 .newsletter-card {
  grid-template-columns: 60px 114px 120px;
  margin: -5px 0;
  row-gap: 0;
 }

 .newsletter-card-info {
  padding: 15px;
 }

 .newsletter-card-button-ctn {
  grid-column: span 1;
 }

 .newsletter-card-title {
  font-size: 15px;
 }

 .raffle-register-event {
  align-items: stretch;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr;
  margin: 0 0 24px;
  overflow: hidden;
  min-height: 695px;
 }

 .raffle-register-event.registry {
  margin-top: 16px;
  grid-template-rows: 1fr;
 }

 .raffle-register-event > .lds-ctn {
  width: 100%;
  height: 100%;
  left: 0;
  border: 1px solid var(--gray-40);
  border-left: 0;
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
 }

 .pandora-registered {
  border-bottom: none;
  height: 100%;
  justify-content: center;
  left: 0;
  margin-bottom: 0;
  width: 100%;
 }

 .pandora-registered-thks {
  font-size: 20px;
 }

 .pandora-registered-btn {
  font-size: 18px;
  margin-top: 32px;
  margin-bottom: 64px;
 }

 .pandora-registered-btn--registred {
  bottom: 25px;
 }

 .pandora-registered-share {
  font-size: 20px;
 }

 .register-event-card {
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  border: 1px solid var(--gray-40);
  border-right: 0;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  text-align: left;
  width: 100%;
  background-color: var(--gray-10);
 }

 .register-event-card-chip {
  margin: 0 auto 12px;
 }

 .register-event-label {
  justify-content: center;
  margin-bottom: 32px;
 }

 .register-event-title-register {
  font-size: 32px;
  margin-bottom: 12px;
 }

 .register-event-description-register {
  font-size: 18px;
  line-height: 1.5;
  flex: 1;
  font-style: normal;
  font-weight: 300;
 }

 .register-event-img {
  margin-left: -16px;
  margin-right: 0;
  padding-top: calc(56.25% + 18px);
  width: calc(100% + 32px);
 }

 .register-event-info-author-for {
  font-size: 14px;
 }

 .register-event-info-badge {
  padding: 6px 12px;
 }

 .register-event-info-badge > svg {
  height: 12px;
  width: 12px;
 }

 .register-event-info-badge-text {
  font-size: 14px;
 }

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

 .podcast-header {
  background-color: #1f1f1f;
  padding: 30px 30px 50px;
 }

 .podcast-header__back {
  display: flex;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
 }

 .podcast-header__back-icon {
  margin-right: 18px;
  height: 25px;
  width: 25px;
 }

 .podcast-header__info {
  display: flex;
 }

 .podcast-header__info-pause {
  display: flex;
  position: static;
  order: 1;
  align-items: center;
  margin-top: 24px;
 }

 .podcast-header__info-pause-icon {
  width: 65px;
  height: 65px;
  background-size: 65px;
  margin-right: 20px;
 }

 .podcast-header__info-play {
  display: flex;
  position: static;
  order: 1;
  align-items: center;
  margin-top: 24px;
 }

 .podcast-header__info-play-icon {
  width: 65px;
  height: 65px;
  background-size: 65px;
  margin-right: 20px;
 }

 .podcast-header__info-play-duration {
  display: inline;
  font-size: 16px;
 }

 .podcast-header__info-image,
 .podcast-header__info .logo-infobae-naranja {
  display: block;
  min-width: 200px;
  width: 200px;
  height: 200px;
  margin-right: 50px;
  background-color: #000;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5019607843);
  border-radius: 3px;
 }

 .podcast-header__info-image--episode,
 .podcast-header__info .logo-infobae-naranja--episode {
  margin-bottom: 0;
 }

 .podcast-header__info-title {
  font-size: 18px;
  margin-bottom: 15px;
 }

 .podcast-header__info-title--episode {
  font-size: 16px;
  position: static;
 }

 .podcast-header__info-subtitle {
  font-size: 18px;
  margin-bottom: 50px;
 }

 .podcast-header__info-description {
  font-size: 24px;
  margin-bottom: 35px;
  margin-top: 0;
  line-height: 33px;
 }

 .podcast-header__info-author {
  font-size: 22px;
 }

 .podcast-player {
  height: 100px;
  row-gap: 0;
  padding: 20px 25px;
  grid-template: "image info controls" 30px "image info progress" 30px/60px 300px 1fr;
 }

 .podcast-player__info-author {
  font-size: 14px;
  margin-bottom: 4px;
 }

 .podcast-player__info-title {
  font-size: 16px;
  margin-top: 4px;
 }

 .podcast-player__controls {
  justify-content: center;
  align-items: center;
 }

 .podcast-player__controls-pause,
 .podcast-player__controls-play {
  height: 30px;
  width: 30px;
  background-size: 30px;
  margin: 0 16px;
 }

 .podcast-player__controls-pause,
 .podcast-player__controls-play {
  width: auto;
 }

 .podcast-player__controls-next,
 .podcast-player__controls-prev {
  display: block;
  height: 14px;
  width: 14px;
  background-size: 14px;
 }

 .podcast-player__progress {
  grid-template-columns: 60px minmax(0, 600px) 60px;
 }

 .podcast-player__progress-current-time,
 .podcast-player__progress-time {
  font-size: 15px;
 }

 .podcast-player__progress-bar
  > input[type="range"]::-webkit-slider-runnable-track {
  height: 3px;
 }

 .podcast-player__progress-bar > input[type="range"]::-webkit-slider-thumb {
  width: 9px;
  height: 9px;
  box-shadow:
   0 0 0 -3px var(--progess-back-color),
   1px 0 0 -3px var(--progess-back-color),
   2px 0 0 -3px var(--progess-back-color),
   3px 0 0 -3px var(--progess-back-color),
   4px 0 0 -3px var(--progess-back-color),
   5px 0 0 -3px var(--progess-back-color),
   6px 0 0 -3px var(--progess-back-color),
   7px 0 0 -3px var(--progess-back-color),
   8px 0 0 -3px var(--progess-back-color),
   9px 0 0 -3px var(--progess-back-color),
   10px 0 0 -3px var(--progess-back-color),
   11px 0 0 -3px var(--progess-back-color),
   12px 0 0 -3px var(--progess-back-color),
   13px 0 0 -3px var(--progess-back-color),
   14px 0 0 -3px var(--progess-back-color),
   15px 0 0 -3px var(--progess-back-color),
   16px 0 0 -3px var(--progess-back-color),
   17px 0 0 -3px var(--progess-back-color),
   18px 0 0 -3px var(--progess-back-color),
   19px 0 0 -3px var(--progess-back-color),
   20px 0 0 -3px var(--progess-back-color),
   21px 0 0 -3px var(--progess-back-color),
   22px 0 0 -3px var(--progess-back-color),
   23px 0 0 -3px var(--progess-back-color),
   24px 0 0 -3px var(--progess-back-color),
   25px 0 0 -3px var(--progess-back-color),
   26px 0 0 -3px var(--progess-back-color),
   27px 0 0 -3px var(--progess-back-color),
   28px 0 0 -3px var(--progess-back-color),
   29px 0 0 -3px var(--progess-back-color),
   30px 0 0 -3px var(--progess-back-color),
   31px 0 0 -3px var(--progess-back-color),
   32px 0 0 -3px var(--progess-back-color),
   33px 0 0 -3px var(--progess-back-color),
   34px 0 0 -3px var(--progess-back-color),
   35px 0 0 -3px var(--progess-back-color),
   36px 0 0 -3px var(--progess-back-color),
   37px 0 0 -3px var(--progess-back-color),
   38px 0 0 -3px var(--progess-back-color),
   39px 0 0 -3px var(--progess-back-color),
   40px 0 0 -3px var(--progess-back-color),
   41px 0 0 -3px var(--progess-back-color),
   42px 0 0 -3px var(--progess-back-color),
   43px 0 0 -3px var(--progess-back-color),
   44px 0 0 -3px var(--progess-back-color),
   45px 0 0 -3px var(--progess-back-color),
   46px 0 0 -3px var(--progess-back-color),
   47px 0 0 -3px var(--progess-back-color),
   48px 0 0 -3px var(--progess-back-color),
   49px 0 0 -3px var(--progess-back-color),
   50px 0 0 -3px var(--progess-back-color),
   51px 0 0 -3px var(--progess-back-color),
   52px 0 0 -3px var(--progess-back-color),
   53px 0 0 -3px var(--progess-back-color),
   54px 0 0 -3px var(--progess-back-color),
   55px 0 0 -3px var(--progess-back-color),
   56px 0 0 -3px var(--progess-back-color),
   57px 0 0 -3px var(--progess-back-color),
   58px 0 0 -3px var(--progess-back-color),
   59px 0 0 -3px var(--progess-back-color),
   60px 0 0 -3px var(--progess-back-color),
   61px 0 0 -3px var(--progess-back-color),
   62px 0 0 -3px var(--progess-back-color),
   63px 0 0 -3px var(--progess-back-color),
   64px 0 0 -3px var(--progess-back-color),
   65px 0 0 -3px var(--progess-back-color),
   66px 0 0 -3px var(--progess-back-color),
   67px 0 0 -3px var(--progess-back-color),
   68px 0 0 -3px var(--progess-back-color),
   69px 0 0 -3px var(--progess-back-color),
   70px 0 0 -3px var(--progess-back-color),
   71px 0 0 -3px var(--progess-back-color),
   72px 0 0 -3px var(--progess-back-color),
   73px 0 0 -3px var(--progess-back-color),
   74px 0 0 -3px var(--progess-back-color),
   75px 0 0 -3px var(--progess-back-color),
   76px 0 0 -3px var(--progess-back-color),
   77px 0 0 -3px var(--progess-back-color),
   78px 0 0 -3px var(--progess-back-color),
   79px 0 0 -3px var(--progess-back-color),
   80px 0 0 -3px var(--progess-back-color),
   81px 0 0 -3px var(--progess-back-color),
   82px 0 0 -3px var(--progess-back-color),
   83px 0 0 -3px var(--progess-back-color),
   84px 0 0 -3px var(--progess-back-color),
   85px 0 0 -3px var(--progess-back-color),
   86px 0 0 -3px var(--progess-back-color),
   87px 0 0 -3px var(--progess-back-color),
   88px 0 0 -3px var(--progess-back-color),
   89px 0 0 -3px var(--progess-back-color),
   90px 0 0 -3px var(--progess-back-color),
   91px 0 0 -3px var(--progess-back-color),
   92px 0 0 -3px var(--progess-back-color),
   93px 0 0 -3px var(--progess-back-color),
   94px 0 0 -3px var(--progess-back-color),
   95px 0 0 -3px var(--progess-back-color),
   96px 0 0 -3px var(--progess-back-color),
   97px 0 0 -3px var(--progess-back-color),
   98px 0 0 -3px var(--progess-back-color),
   99px 0 0 -3px var(--progess-back-color),
   100px 0 0 -3px var(--progess-back-color),
   101px 0 0 -3px var(--progess-back-color),
   102px 0 0 -3px var(--progess-back-color),
   103px 0 0 -3px var(--progess-back-color),
   104px 0 0 -3px var(--progess-back-color),
   105px 0 0 -3px var(--progess-back-color),
   106px 0 0 -3px var(--progess-back-color),
   107px 0 0 -3px var(--progess-back-color),
   108px 0 0 -3px var(--progess-back-color),
   109px 0 0 -3px var(--progess-back-color),
   110px 0 0 -3px var(--progess-back-color),
   111px 0 0 -3px var(--progess-back-color),
   112px 0 0 -3px var(--progess-back-color),
   113px 0 0 -3px var(--progess-back-color),
   114px 0 0 -3px var(--progess-back-color),
   115px 0 0 -3px var(--progess-back-color),
   116px 0 0 -3px var(--progess-back-color),
   117px 0 0 -3px var(--progess-back-color),
   118px 0 0 -3px var(--progess-back-color),
   119px 0 0 -3px var(--progess-back-color),
   120px 0 0 -3px var(--progess-back-color),
   121px 0 0 -3px var(--progess-back-color),
   122px 0 0 -3px var(--progess-back-color),
   123px 0 0 -3px var(--progess-back-color),
   124px 0 0 -3px var(--progess-back-color),
   125px 0 0 -3px var(--progess-back-color),
   126px 0 0 -3px var(--progess-back-color),
   127px 0 0 -3px var(--progess-back-color),
   128px 0 0 -3px var(--progess-back-color),
   129px 0 0 -3px var(--progess-back-color),
   130px 0 0 -3px var(--progess-back-color),
   131px 0 0 -3px var(--progess-back-color),
   132px 0 0 -3px var(--progess-back-color),
   133px 0 0 -3px var(--progess-back-color),
   134px 0 0 -3px var(--progess-back-color),
   135px 0 0 -3px var(--progess-back-color),
   136px 0 0 -3px var(--progess-back-color),
   137px 0 0 -3px var(--progess-back-color),
   138px 0 0 -3px var(--progess-back-color),
   139px 0 0 -3px var(--progess-back-color),
   140px 0 0 -3px var(--progess-back-color),
   141px 0 0 -3px var(--progess-back-color),
   142px 0 0 -3px var(--progess-back-color),
   143px 0 0 -3px var(--progess-back-color),
   144px 0 0 -3px var(--progess-back-color),
   145px 0 0 -3px var(--progess-back-color),
   146px 0 0 -3px var(--progess-back-color),
   147px 0 0 -3px var(--progess-back-color),
   148px 0 0 -3px var(--progess-back-color),
   149px 0 0 -3px var(--progess-back-color),
   150px 0 0 -3px var(--progess-back-color),
   151px 0 0 -3px var(--progess-back-color),
   152px 0 0 -3px var(--progess-back-color),
   153px 0 0 -3px var(--progess-back-color),
   154px 0 0 -3px var(--progess-back-color),
   155px 0 0 -3px var(--progess-back-color),
   156px 0 0 -3px var(--progess-back-color),
   157px 0 0 -3px var(--progess-back-color),
   158px 0 0 -3px var(--progess-back-color),
   159px 0 0 -3px var(--progess-back-color),
   160px 0 0 -3px var(--progess-back-color),
   161px 0 0 -3px var(--progess-back-color),
   162px 0 0 -3px var(--progess-back-color),
   163px 0 0 -3px var(--progess-back-color),
   164px 0 0 -3px var(--progess-back-color),
   165px 0 0 -3px var(--progess-back-color),
   166px 0 0 -3px var(--progess-back-color),
   167px 0 0 -3px var(--progess-back-color),
   168px 0 0 -3px var(--progess-back-color),
   169px 0 0 -3px var(--progess-back-color),
   170px 0 0 -3px var(--progess-back-color),
   171px 0 0 -3px var(--progess-back-color),
   172px 0 0 -3px var(--progess-back-color),
   173px 0 0 -3px var(--progess-back-color),
   174px 0 0 -3px var(--progess-back-color),
   175px 0 0 -3px var(--progess-back-color),
   176px 0 0 -3px var(--progess-back-color),
   177px 0 0 -3px var(--progess-back-color),
   178px 0 0 -3px var(--progess-back-color),
   179px 0 0 -3px var(--progess-back-color),
   180px 0 0 -3px var(--progess-back-color),
   181px 0 0 -3px var(--progess-back-color),
   182px 0 0 -3px var(--progess-back-color),
   183px 0 0 -3px var(--progess-back-color),
   184px 0 0 -3px var(--progess-back-color),
   185px 0 0 -3px var(--progess-back-color),
   186px 0 0 -3px var(--progess-back-color),
   187px 0 0 -3px var(--progess-back-color),
   188px 0 0 -3px var(--progess-back-color),
   189px 0 0 -3px var(--progess-back-color),
   190px 0 0 -3px var(--progess-back-color),
   191px 0 0 -3px var(--progess-back-color),
   192px 0 0 -3px var(--progess-back-color),
   193px 0 0 -3px var(--progess-back-color),
   194px 0 0 -3px var(--progess-back-color),
   195px 0 0 -3px var(--progess-back-color),
   196px 0 0 -3px var(--progess-back-color),
   197px 0 0 -3px var(--progess-back-color),
   198px 0 0 -3px var(--progess-back-color),
   199px 0 0 -3px var(--progess-back-color),
   200px 0 0 -3px var(--progess-back-color),
   201px 0 0 -3px var(--progess-back-color),
   202px 0 0 -3px var(--progess-back-color),
   203px 0 0 -3px var(--progess-back-color),
   204px 0 0 -3px var(--progess-back-color),
   205px 0 0 -3px var(--progess-back-color),
   206px 0 0 -3px var(--progess-back-color),
   207px 0 0 -3px var(--progess-back-color),
   208px 0 0 -3px var(--progess-back-color),
   209px 0 0 -3px var(--progess-back-color),
   210px 0 0 -3px var(--progess-back-color),
   211px 0 0 -3px var(--progess-back-color),
   212px 0 0 -3px var(--progess-back-color),
   213px 0 0 -3px var(--progess-back-color),
   214px 0 0 -3px var(--progess-back-color),
   215px 0 0 -3px var(--progess-back-color),
   216px 0 0 -3px var(--progess-back-color),
   217px 0 0 -3px var(--progess-back-color),
   218px 0 0 -3px var(--progess-back-color),
   219px 0 0 -3px var(--progess-back-color),
   220px 0 0 -3px var(--progess-back-color),
   221px 0 0 -3px var(--progess-back-color),
   222px 0 0 -3px var(--progess-back-color),
   223px 0 0 -3px var(--progess-back-color),
   224px 0 0 -3px var(--progess-back-color),
   225px 0 0 -3px var(--progess-back-color),
   226px 0 0 -3px var(--progess-back-color),
   227px 0 0 -3px var(--progess-back-color),
   228px 0 0 -3px var(--progess-back-color),
   229px 0 0 -3px var(--progess-back-color),
   230px 0 0 -3px var(--progess-back-color),
   231px 0 0 -3px var(--progess-back-color),
   232px 0 0 -3px var(--progess-back-color),
   233px 0 0 -3px var(--progess-back-color),
   234px 0 0 -3px var(--progess-back-color),
   235px 0 0 -3px var(--progess-back-color),
   236px 0 0 -3px var(--progess-back-color),
   237px 0 0 -3px var(--progess-back-color),
   238px 0 0 -3px var(--progess-back-color),
   239px 0 0 -3px var(--progess-back-color),
   240px 0 0 -3px var(--progess-back-color),
   241px 0 0 -3px var(--progess-back-color),
   242px 0 0 -3px var(--progess-back-color),
   243px 0 0 -3px var(--progess-back-color),
   244px 0 0 -3px var(--progess-back-color),
   245px 0 0 -3px var(--progess-back-color),
   246px 0 0 -3px var(--progess-back-color),
   247px 0 0 -3px var(--progess-back-color),
   248px 0 0 -3px var(--progess-back-color),
   249px 0 0 -3px var(--progess-back-color),
   250px 0 0 -3px var(--progess-back-color),
   251px 0 0 -3px var(--progess-back-color),
   252px 0 0 -3px var(--progess-back-color),
   253px 0 0 -3px var(--progess-back-color),
   254px 0 0 -3px var(--progess-back-color),
   255px 0 0 -3px var(--progess-back-color),
   256px 0 0 -3px var(--progess-back-color),
   257px 0 0 -3px var(--progess-back-color),
   258px 0 0 -3px var(--progess-back-color),
   259px 0 0 -3px var(--progess-back-color),
   260px 0 0 -3px var(--progess-back-color),
   261px 0 0 -3px var(--progess-back-color),
   262px 0 0 -3px var(--progess-back-color),
   263px 0 0 -3px var(--progess-back-color),
   264px 0 0 -3px var(--progess-back-color),
   265px 0 0 -3px var(--progess-back-color),
   266px 0 0 -3px var(--progess-back-color),
   267px 0 0 -3px var(--progess-back-color),
   268px 0 0 -3px var(--progess-back-color),
   269px 0 0 -3px var(--progess-back-color),
   270px 0 0 -3px var(--progess-back-color),
   271px 0 0 -3px var(--progess-back-color),
   272px 0 0 -3px var(--progess-back-color),
   273px 0 0 -3px var(--progess-back-color),
   274px 0 0 -3px var(--progess-back-color),
   275px 0 0 -3px var(--progess-back-color),
   276px 0 0 -3px var(--progess-back-color),
   277px 0 0 -3px var(--progess-back-color),
   278px 0 0 -3px var(--progess-back-color),
   279px 0 0 -3px var(--progess-back-color),
   280px 0 0 -3px var(--progess-back-color),
   281px 0 0 -3px var(--progess-back-color),
   282px 0 0 -3px var(--progess-back-color),
   283px 0 0 -3px var(--progess-back-color),
   284px 0 0 -3px var(--progess-back-color),
   285px 0 0 -3px var(--progess-back-color),
   286px 0 0 -3px var(--progess-back-color),
   287px 0 0 -3px var(--progess-back-color),
   288px 0 0 -3px var(--progess-back-color),
   289px 0 0 -3px var(--progess-back-color),
   290px 0 0 -3px var(--progess-back-color),
   291px 0 0 -3px var(--progess-back-color),
   292px 0 0 -3px var(--progess-back-color),
   293px 0 0 -3px var(--progess-back-color),
   294px 0 0 -3px var(--progess-back-color),
   295px 0 0 -3px var(--progess-back-color),
   296px 0 0 -3px var(--progess-back-color),
   297px 0 0 -3px var(--progess-back-color),
   298px 0 0 -3px var(--progess-back-color),
   299px 0 0 -3px var(--progess-back-color),
   300px 0 0 -3px var(--progess-back-color),
   301px 0 0 -3px var(--progess-back-color),
   302px 0 0 -3px var(--progess-back-color),
   303px 0 0 -3px var(--progess-back-color),
   304px 0 0 -3px var(--progess-back-color),
   305px 0 0 -3px var(--progess-back-color),
   306px 0 0 -3px var(--progess-back-color),
   307px 0 0 -3px var(--progess-back-color),
   308px 0 0 -3px var(--progess-back-color),
   309px 0 0 -3px var(--progess-back-color),
   310px 0 0 -3px var(--progess-back-color),
   311px 0 0 -3px var(--progess-back-color),
   312px 0 0 -3px var(--progess-back-color),
   313px 0 0 -3px var(--progess-back-color),
   314px 0 0 -3px var(--progess-back-color),
   315px 0 0 -3px var(--progess-back-color),
   316px 0 0 -3px var(--progess-back-color),
   317px 0 0 -3px var(--progess-back-color),
   318px 0 0 -3px var(--progess-back-color),
   319px 0 0 -3px var(--progess-back-color),
   320px 0 0 -3px var(--progess-back-color),
   321px 0 0 -3px var(--progess-back-color),
   322px 0 0 -3px var(--progess-back-color),
   323px 0 0 -3px var(--progess-back-color),
   324px 0 0 -3px var(--progess-back-color),
   325px 0 0 -3px var(--progess-back-color),
   326px 0 0 -3px var(--progess-back-color),
   327px 0 0 -3px var(--progess-back-color),
   328px 0 0 -3px var(--progess-back-color),
   329px 0 0 -3px var(--progess-back-color),
   330px 0 0 -3px var(--progess-back-color),
   331px 0 0 -3px var(--progess-back-color),
   332px 0 0 -3px var(--progess-back-color),
   333px 0 0 -3px var(--progess-back-color),
   334px 0 0 -3px var(--progess-back-color),
   335px 0 0 -3px var(--progess-back-color),
   336px 0 0 -3px var(--progess-back-color),
   337px 0 0 -3px var(--progess-back-color),
   338px 0 0 -3px var(--progess-back-color),
   339px 0 0 -3px var(--progess-back-color),
   340px 0 0 -3px var(--progess-back-color),
   341px 0 0 -3px var(--progess-back-color),
   342px 0 0 -3px var(--progess-back-color),
   343px 0 0 -3px var(--progess-back-color),
   344px 0 0 -3px var(--progess-back-color),
   345px 0 0 -3px var(--progess-back-color),
   346px 0 0 -3px var(--progess-back-color),
   347px 0 0 -3px var(--progess-back-color),
   348px 0 0 -3px var(--progess-back-color),
   349px 0 0 -3px var(--progess-back-color),
   350px 0 0 -3px var(--progess-back-color),
   351px 0 0 -3px var(--progess-back-color),
   352px 0 0 -3px var(--progess-back-color),
   353px 0 0 -3px var(--progess-back-color),
   354px 0 0 -3px var(--progess-back-color),
   355px 0 0 -3px var(--progess-back-color),
   356px 0 0 -3px var(--progess-back-color),
   357px 0 0 -3px var(--progess-back-color),
   358px 0 0 -3px var(--progess-back-color),
   359px 0 0 -3px var(--progess-back-color),
   360px 0 0 -3px var(--progess-back-color),
   361px 0 0 -3px var(--progess-back-color),
   362px 0 0 -3px var(--progess-back-color),
   363px 0 0 -3px var(--progess-back-color),
   364px 0 0 -3px var(--progess-back-color),
   365px 0 0 -3px var(--progess-back-color),
   366px 0 0 -3px var(--progess-back-color),
   367px 0 0 -3px var(--progess-back-color),
   368px 0 0 -3px var(--progess-back-color),
   369px 0 0 -3px var(--progess-back-color),
   370px 0 0 -3px var(--progess-back-color),
   371px 0 0 -3px var(--progess-back-color),
   372px 0 0 -3px var(--progess-back-color),
   373px 0 0 -3px var(--progess-back-color),
   374px 0 0 -3px var(--progess-back-color),
   375px 0 0 -3px var(--progess-back-color),
   376px 0 0 -3px var(--progess-back-color),
   377px 0 0 -3px var(--progess-back-color),
   378px 0 0 -3px var(--progess-back-color),
   379px 0 0 -3px var(--progess-back-color),
   380px 0 0 -3px var(--progess-back-color),
   381px 0 0 -3px var(--progess-back-color),
   382px 0 0 -3px var(--progess-back-color),
   383px 0 0 -3px var(--progess-back-color),
   384px 0 0 -3px var(--progess-back-color),
   385px 0 0 -3px var(--progess-back-color),
   386px 0 0 -3px var(--progess-back-color),
   387px 0 0 -3px var(--progess-back-color),
   388px 0 0 -3px var(--progess-back-color),
   389px 0 0 -3px var(--progess-back-color),
   390px 0 0 -3px var(--progess-back-color),
   391px 0 0 -3px var(--progess-back-color),
   392px 0 0 -3px var(--progess-back-color),
   393px 0 0 -3px var(--progess-back-color),
   394px 0 0 -3px var(--progess-back-color),
   395px 0 0 -3px var(--progess-back-color),
   396px 0 0 -3px var(--progess-back-color),
   397px 0 0 -3px var(--progess-back-color),
   398px 0 0 -3px var(--progess-back-color),
   399px 0 0 -3px var(--progess-back-color),
   400px 0 0 -3px var(--progess-back-color),
   401px 0 0 -3px var(--progess-back-color),
   402px 0 0 -3px var(--progess-back-color),
   403px 0 0 -3px var(--progess-back-color),
   404px 0 0 -3px var(--progess-back-color),
   405px 0 0 -3px var(--progess-back-color),
   406px 0 0 -3px var(--progess-back-color),
   407px 0 0 -3px var(--progess-back-color),
   408px 0 0 -3px var(--progess-back-color),
   409px 0 0 -3px var(--progess-back-color),
   410px 0 0 -3px var(--progess-back-color),
   411px 0 0 -3px var(--progess-back-color),
   412px 0 0 -3px var(--progess-back-color),
   413px 0 0 -3px var(--progess-back-color),
   414px 0 0 -3px var(--progess-back-color),
   415px 0 0 -3px var(--progess-back-color),
   416px 0 0 -3px var(--progess-back-color),
   417px 0 0 -3px var(--progess-back-color),
   418px 0 0 -3px var(--progess-back-color),
   419px 0 0 -3px var(--progess-back-color),
   420px 0 0 -3px var(--progess-back-color),
   421px 0 0 -3px var(--progess-back-color),
   422px 0 0 -3px var(--progess-back-color),
   423px 0 0 -3px var(--progess-back-color),
   424px 0 0 -3px var(--progess-back-color),
   425px 0 0 -3px var(--progess-back-color),
   426px 0 0 -3px var(--progess-back-color),
   427px 0 0 -3px var(--progess-back-color),
   428px 0 0 -3px var(--progess-back-color),
   429px 0 0 -3px var(--progess-back-color),
   430px 0 0 -3px var(--progess-back-color),
   431px 0 0 -3px var(--progess-back-color),
   432px 0 0 -3px var(--progess-back-color),
   433px 0 0 -3px var(--progess-back-color),
   434px 0 0 -3px var(--progess-back-color),
   435px 0 0 -3px var(--progess-back-color),
   436px 0 0 -3px var(--progess-back-color),
   437px 0 0 -3px var(--progess-back-color),
   438px 0 0 -3px var(--progess-back-color),
   439px 0 0 -3px var(--progess-back-color),
   440px 0 0 -3px var(--progess-back-color),
   441px 0 0 -3px var(--progess-back-color),
   442px 0 0 -3px var(--progess-back-color),
   443px 0 0 -3px var(--progess-back-color),
   444px 0 0 -3px var(--progess-back-color),
   445px 0 0 -3px var(--progess-back-color),
   446px 0 0 -3px var(--progess-back-color),
   447px 0 0 -3px var(--progess-back-color),
   448px 0 0 -3px var(--progess-back-color),
   449px 0 0 -3px var(--progess-back-color),
   450px 0 0 -3px var(--progess-back-color),
   451px 0 0 -3px var(--progess-back-color),
   452px 0 0 -3px var(--progess-back-color),
   453px 0 0 -3px var(--progess-back-color),
   454px 0 0 -3px var(--progess-back-color),
   455px 0 0 -3px var(--progess-back-color),
   456px 0 0 -3px var(--progess-back-color),
   457px 0 0 -3px var(--progess-back-color),
   458px 0 0 -3px var(--progess-back-color),
   459px 0 0 -3px var(--progess-back-color),
   460px 0 0 -3px var(--progess-back-color),
   461px 0 0 -3px var(--progess-back-color),
   462px 0 0 -3px var(--progess-back-color),
   463px 0 0 -3px var(--progess-back-color),
   464px 0 0 -3px var(--progess-back-color),
   465px 0 0 -3px var(--progess-back-color),
   466px 0 0 -3px var(--progess-back-color),
   467px 0 0 -3px var(--progess-back-color),
   468px 0 0 -3px var(--progess-back-color),
   469px 0 0 -3px var(--progess-back-color),
   470px 0 0 -3px var(--progess-back-color),
   471px 0 0 -3px var(--progess-back-color),
   472px 0 0 -3px var(--progess-back-color),
   473px 0 0 -3px var(--progess-back-color),
   474px 0 0 -3px var(--progess-back-color),
   475px 0 0 -3px var(--progess-back-color),
   476px 0 0 -3px var(--progess-back-color),
   477px 0 0 -3px var(--progess-back-color),
   478px 0 0 -3px var(--progess-back-color),
   479px 0 0 -3px var(--progess-back-color),
   480px 0 0 -3px var(--progess-back-color),
   481px 0 0 -3px var(--progess-back-color),
   482px 0 0 -3px var(--progess-back-color),
   483px 0 0 -3px var(--progess-back-color),
   484px 0 0 -3px var(--progess-back-color),
   485px 0 0 -3px var(--progess-back-color),
   486px 0 0 -3px var(--progess-back-color),
   487px 0 0 -3px var(--progess-back-color),
   488px 0 0 -3px var(--progess-back-color),
   489px 0 0 -3px var(--progess-back-color),
   490px 0 0 -3px var(--progess-back-color),
   491px 0 0 -3px var(--progess-back-color),
   492px 0 0 -3px var(--progess-back-color),
   493px 0 0 -3px var(--progess-back-color),
   494px 0 0 -3px var(--progess-back-color),
   495px 0 0 -3px var(--progess-back-color),
   496px 0 0 -3px var(--progess-back-color),
   497px 0 0 -3px var(--progess-back-color),
   498px 0 0 -3px var(--progess-back-color),
   499px 0 0 -3px var(--progess-back-color),
   500px 0 0 -3px var(--progess-back-color),
   501px 0 0 -3px var(--progess-back-color),
   502px 0 0 -3px var(--progess-back-color),
   503px 0 0 -3px var(--progess-back-color),
   504px 0 0 -3px var(--progess-back-color),
   505px 0 0 -3px var(--progess-back-color),
   506px 0 0 -3px var(--progess-back-color),
   507px 0 0 -3px var(--progess-back-color),
   508px 0 0 -3px var(--progess-back-color),
   509px 0 0 -3px var(--progess-back-color),
   510px 0 0 -3px var(--progess-back-color),
   511px 0 0 -3px var(--progess-back-color),
   512px 0 0 -3px var(--progess-back-color),
   513px 0 0 -3px var(--progess-back-color),
   514px 0 0 -3px var(--progess-back-color),
   515px 0 0 -3px var(--progess-back-color),
   516px 0 0 -3px var(--progess-back-color),
   517px 0 0 -3px var(--progess-back-color),
   518px 0 0 -3px var(--progess-back-color),
   519px 0 0 -3px var(--progess-back-color),
   520px 0 0 -3px var(--progess-back-color),
   521px 0 0 -3px var(--progess-back-color),
   522px 0 0 -3px var(--progess-back-color),
   523px 0 0 -3px var(--progess-back-color),
   524px 0 0 -3px var(--progess-back-color),
   525px 0 0 -3px var(--progess-back-color),
   526px 0 0 -3px var(--progess-back-color),
   527px 0 0 -3px var(--progess-back-color),
   528px 0 0 -3px var(--progess-back-color),
   529px 0 0 -3px var(--progess-back-color),
   530px 0 0 -3px var(--progess-back-color),
   531px 0 0 -3px var(--progess-back-color),
   532px 0 0 -3px var(--progess-back-color),
   533px 0 0 -3px var(--progess-back-color),
   534px 0 0 -3px var(--progess-back-color),
   535px 0 0 -3px var(--progess-back-color),
   536px 0 0 -3px var(--progess-back-color),
   537px 0 0 -3px var(--progess-back-color),
   538px 0 0 -3px var(--progess-back-color),
   539px 0 0 -3px var(--progess-back-color),
   540px 0 0 -3px var(--progess-back-color),
   541px 0 0 -3px var(--progess-back-color),
   542px 0 0 -3px var(--progess-back-color),
   543px 0 0 -3px var(--progess-back-color),
   544px 0 0 -3px var(--progess-back-color),
   545px 0 0 -3px var(--progess-back-color),
   546px 0 0 -3px var(--progess-back-color),
   547px 0 0 -3px var(--progess-back-color),
   548px 0 0 -3px var(--progess-back-color),
   549px 0 0 -3px var(--progess-back-color),
   550px 0 0 -3px var(--progess-back-color),
   551px 0 0 -3px var(--progess-back-color),
   552px 0 0 -3px var(--progess-back-color),
   553px 0 0 -3px var(--progess-back-color),
   554px 0 0 -3px var(--progess-back-color),
   555px 0 0 -3px var(--progess-back-color),
   556px 0 0 -3px var(--progess-back-color),
   557px 0 0 -3px var(--progess-back-color),
   558px 0 0 -3px var(--progess-back-color),
   559px 0 0 -3px var(--progess-back-color),
   560px 0 0 -3px var(--progess-back-color),
   561px 0 0 -3px var(--progess-back-color),
   562px 0 0 -3px var(--progess-back-color),
   563px 0 0 -3px var(--progess-back-color),
   564px 0 0 -3px var(--progess-back-color),
   565px 0 0 -3px var(--progess-back-color),
   566px 0 0 -3px var(--progess-back-color),
   567px 0 0 -3px var(--progess-back-color),
   568px 0 0 -3px var(--progess-back-color),
   569px 0 0 -3px var(--progess-back-color),
   570px 0 0 -3px var(--progess-back-color),
   571px 0 0 -3px var(--progess-back-color),
   572px 0 0 -3px var(--progess-back-color),
   573px 0 0 -3px var(--progess-back-color),
   574px 0 0 -3px var(--progess-back-color),
   575px 0 0 -3px var(--progess-back-color),
   576px 0 0 -3px var(--progess-back-color),
   577px 0 0 -3px var(--progess-back-color),
   578px 0 0 -3px var(--progess-back-color),
   579px 0 0 -3px var(--progess-back-color),
   580px 0 0 -3px var(--progess-back-color),
   581px 0 0 -3px var(--progess-back-color),
   582px 0 0 -3px var(--progess-back-color),
   583px 0 0 -3px var(--progess-back-color),
   584px 0 0 -3px var(--progess-back-color),
   585px 0 0 -3px var(--progess-back-color),
   586px 0 0 -3px var(--progess-back-color),
   587px 0 0 -3px var(--progess-back-color),
   588px 0 0 -3px var(--progess-back-color),
   589px 0 0 -3px var(--progess-back-color),
   590px 0 0 -3px var(--progess-back-color),
   591px 0 0 -3px var(--progess-back-color),
   592px 0 0 -3px var(--progess-back-color),
   593px 0 0 -3px var(--progess-back-color),
   594px 0 0 -3px var(--progess-back-color),
   595px 0 0 -3px var(--progess-back-color),
   596px 0 0 -3px var(--progess-back-color),
   597px 0 0 -3px var(--progess-back-color),
   598px 0 0 -3px var(--progess-back-color),
   599px 0 0 -3px var(--progess-back-color),
   600px 0 0 -3px var(--progess-back-color);
  margin-top: -3px;
 }

 .podcast-player__progress-bar > input[type="range"]::-moz-range-track {
  height: 3px;
 }

 .podcast-player__progress-bar > input[type="range"]::-moz-range-thumb {
  width: 9px;
  height: 9px;
 }

 .podcast-player__progress-bar > input[type="range"]::-moz-range-progress {
  height: 3px;
 }

 .raffle {
  border-bottom: none;
  justify-content: space-between;
  margin: 0;
  width: 100%;
  border: 1px solid var(--gray-40);
  border-left: 0;
  border-bottom-right-radius: 9px;
  border-top-right-radius: 9px;
 }

 .raffle:has(.raffle__success) {
  border: 1px solid var(--orange-70);
 }

 .raffle-welcome {
  font-size: 24px;
  text-align: center;
 }

 .raffle-description {
  font-size: 18px;
  margin-bottom: 24px;
  text-align: center;
 }

 .raffle-username {
  font-size: 20px;
 }

 .raffle-steps {
  font-size: 18px;
  margin-bottom: 0;
 }

 .raffle-detail {
  color: var(--gray-100);
  text-align: left;
 }

 .raffle-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 510px;
 }

 .raffle__form {
  min-height: 323px;
  flex: none;
 }

 .raffle__success {
  margin: auto;
 }

 .raffle__success--title {
  font-size: 31px;
 }

 .raffle__success--subtitle {
  font-size: 22px;
 }

 .raffle__success--text {
  font-size: 18px;
 }

 .raffle__success--error-icon {
  width: 72px;
 }

 .raffle-label {
  font-size: 24px;
  font-weight: 700;
 }

 .raffle__text-share {
  font-size: 22px;
  margin-bottom: 30px;
 }

 .raffle-arrow {
  font-size: 16px;
 }

 .raffle__row {
  gap: 10px;
  grid-template-columns: repeat(2, auto);
 }

 .raffle__row--70-30 {
  grid-template-columns: 7fr 3fr;
 }

 .raffle .preference-options__container {
  margin: 0 106px;
 }

 .raffle .preference-label {
  font-size: 24px;
  margin: 46px 106px;
 }

 .raffle .field-label {
  font-size: 18px;
 }

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

 .five-cards-chain-bigcard .media-icon,
 .three-elements-chain-big-card .media-icon {
  bottom: 20px;
  height: 48px;
  left: 12px;
  width: 48px;
 }

 .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, 0.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% - 140px);
 }

 .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-tenis-event-overview .tennis-calendar-accordion-content {
  grid-template-columns: 1fr;
 }

 .fwc.fwc__t {
  position: absolute;
  left: 0;
  width: 100%;
 }

 .fwc__space.fwc__t {
  display: block;
 }

 .podcast-body-container {
  margin: 0 30px 37px;
 }

 .podcast-body-left,
 .podcast-body-right {
  padding: 22px 0;
 }

 .podcast-body-bottom {
  margin: 0 30px;
  padding-bottom: 37px;
  padding-top: 37px;
 }

 .podcast-player {
  margin-top: 100px;
 }

 .podcast .ndc_ctn {
  display: grid;
  grid-template-rows: auto;
  row-gap: 25px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  margin: 0 0 10px;
  padding: 5px 0;
 }

 .podcast .ndc_bccolor {
  padding: 8px;
 }

 .podcast .ndc_sc1 {
  grid-template-columns: 100%;
 }

 .podcast .ndc_sc2 {
  grid-template-columns: repeat(2, 1fr);
 }

 .podcast .ndc_sc3 {
  grid-template-columns: repeat(3, 1fr);
 }

 .podcast .ndc_sc4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .podcast .ndc_sc5,
 .podcast .ndc_sc6 {
  grid-template-columns: repeat(3, 1fr);
 }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
 .default-chain-ctn .swiper {
  padding-bottom: 20px;
 }
}

@media (min-width: 820px) {
 .cc-sub {
  padding: 0;
 }
}

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

@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) {
 .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-container {
  display: flex;
  height: 88px;
 }

 .exchange-dolar-item {
  width: 16.6666666667%;
 }

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

 .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 {
  margin-top: 12px;
 }

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

 .livebar-ctn-info-headlines_title {
  font-size: 22px;
 }

 .livebar-ctn-info-headlines_desc {
  font-size: 16px;
 }

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

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

 .live-notice-sticky {
  padding-right: 0;
  padding-left: 0;
 }

 .live-notice-link {
  margin-left: auto;
  margin-right: auto;
 }

 .live-notice-text {
  width: 1300px;
 }

 .big-circle-theme-1 {
  border: 2px solid var(--red-90);
  height: 14px;
  width: 14px;
 }

 .sm-circle-theme-1 {
  height: 8px;
  width: 8px;
 }

 .live-notice-sticky-fixed-link {
  max-width: 1236px;
  grid-column: span 10;
  padding: 13.5px 16px;
 }

 .live-notice-sticky-fixed-link.isAdmin {
  grid-column: span 12;
 }

 .liveYoutube-ctn {
  -moz-column-gap: 25px;
  column-gap: 25px;
  padding: 16px;
 }

 .liveYoutube-live {
  font-size: 18px;
  line-height: 21px;
  padding: 7px 14px;
 }

 .liveYoutube-hl {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 25px;
 }

 .liveYoutube-summary {
  font-size: 16px;
  line-height: 1.5;
 }

 .liveYoutube-bomb {
  margin: 0 0 20px;
  padding-top: 56.25%;
  width: 100%;
 }

 .user-default-avatar {
  margin-right: 12px;
 }

 .newsletter-chain-view-button:hover {
  background: rgba(246, 142, 1, 0.1);
  border: 1px solid rgba(246, 142, 1, 0.4);
 }

 .side-menu {
  max-width: 320px;
 }

 .side-menu.slide-open {
  left: 0;
 }

 .side-menu-player-audio,
 .side-menu-sticky-separator {
  display: none;
 }

 .dropdown-item:active,
 .dropdown-item:hover {
  background-color: var(--gray-20);
  border-radius: 100px;
 }

 .dropdown-item-ctn:active,
 .dropdown-item-ctn:hover {
  background-color: var(--gray-20);
  border-radius: 50px;
 }

 .dark-podcast .dropdown-item-ctn:active,
 .dark-podcast .dropdown-item-ctn:hover {
  background-color: #3c4043;
 }

 .story-card-hl {
  font-size: 22px;
  line-height: 1.3;
 }

 .story-card-live-ctn {
  margin-bottom: 0;
 }

 .story-card-big-img-ctn {
  border-radius: 3px;
  margin-left: 0;
  width: 100%;
 }

 .story-card-big-img-ctn .story-card-img,
 .story-card-big-img-ctn img {
  border-radius: 3px;
 }

 .three-elements-chain-item .story-card-scb {
  height: 6.091875vw;
  max-height: 75.89px;
 }

 .three-elements-chain-item .story-card-scb.scb-with-sponsor {
  height: calc(5.9625vw + 28px);
  max-height: 104.3px;
 }

 .three-elements-chain-big-card .story-card-hl {
  line-height: 1.2;
 }

 .three-elements-chain-big-card .story-card-deck {
  font-size: 18px;
 }

 .three-elements-chain-big-card .story-card-scb {
  height: 7.228125vw;
  max-height: 89.5px;
 }

 .three-elements-chain-big-card .story-card-scb.scb-with-sponsor {
  height: calc(7.22813vw + 30px);
  max-height: 127.5px;
 }

 .fwc__m .story-card-ctn {
  margin: 0 0 24px;
  width: 100%;
 }

 .fwc__m .story-card-hl {
  font-size: 39px;
  line-height: 1.2;
 }

 .fwc__m .story-card-deck {
  font-size: 18px;
 }

 .story-card-headline-image {
  font-size: 56px;
  padding: 0 20px 16px;
 }

 .hl-medium {
  font-size: 39px;
 }

 .hl-big {
  font-size: 42px;
 }

 .hl-bomb {
  font-size: 50px;
 }

 .dk-medium {
  font-size: 18px;
 }

 .dk-big {
  font-size: 20px;
 }

 .dk-bomb {
  font-size: 22px;
 }

 .five-cards-chain-ctn .hl-medium {
  font-size: 31px;
 }

 .five-cards-chain-ctn .hl-big {
  font-size: 35px;
 }

 .five-cards-chain-ctn .hl-bomb {
  font-size: 42px;
 }

 .five-cards-chain-ctn .dk-medium {
  font-size: 16px;
 }

 .five-cards-chain-ctn .dk-big {
  font-size: 18px;
 }

 .five-cards-chain-ctn .dk-bomb {
  font-size: 20px;
 }

 .default-chain-2 .media-icon,
 .default-chain-3 .media-icon {
  height: 40px;
  width: 40px;
 }

 .default-chain-3 .story-card-scb {
  height: 6.075vw;
  max-height: 76px;
 }

 .default-chain-3 .story-card-scb.scb-with-sponsor {
  height: calc(6.01875vw + 28px);
  max-height: 104.3px;
 }

 .default-chain-4 .story-card-scb {
  height: 4.460625vw;
  max-height: 56px;
 }

 .default-chain-4 .story-card-scb.scb-with-sponsor {
  height: calc(4.44375vw + 28px);
  max-height: 84.3px;
 }

 .exclusive-card-info .story-card-hl {
  font-size: 22px;
 }

 div.ticker-ctn.col-90-10.hideTitleMobile > div.ticker {
  grid-column: 1/3;
  margin-left: 16px;
 }

 a.title-bar-anchor-button:hover {
  background: rgba(246, 142, 1, 0.1);
  border: 1px solid rgba(246, 142, 1, 0.4);
 }

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

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

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

 .feat-one-three {
  margin: 0 0 24px;
 }

 .feat-one-three .feat-one-three-divider:last-child {
  display: none;
 }

 .feat-one-three .title-bar.chain-child {
  margin: 0 0 12px;
 }

 .feat-one-three .borderClass {
  border-radius: 12px;
  border: 1px solid;
 }

 .feat-one-three-main {
  border-radius: 9px;
  flex-direction: row;
  flex: 0 0 100%;
  overflow: hidden;
 }

 .feat-one-three-main-anchor-img {
  width: 60%;
 }

 .feat-one-three-main-anchor-img:has(iframe) {
  width: 60%;
  padding-bottom: 33.75%;
  height: 0;
 }

 .feat-one-three-main-img {
  height: auto;
 }

 .feat-one-three-main-info {
  width: 40%;
 }

 .feat-one-three-main-info-logo {
  max-width: 100%;
 }

 .feat-one-three-main-info h2 {
  font-size: 28px;
  margin-bottom: 16px;
 }

 .feat-one-three-small-ctn {
  border-bottom: 1px solid var(--gray-40);
  border-top: 1px solid var(--gray-40);
  flex-direction: row;
  padding: 16px 0;
 }

 .feat-one-three-small {
  padding: 0;
 }

 .feat-one-three-small-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 0;
 }

 .feat-one-three-small-two > a {
  height: auto;
  max-width: 285px;
  width: 100%;
 }

 .feat-one-three-small-two-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
 }

 .feat-one-three-small-two-info h2 {
  color: #1f1f1f;
  font-family: Roboto;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
 }

 .feat-one-three-small-two-anchor-img {
  height: auto;
  max-width: 285px;
  width: 100%;
  aspect-ratio: 16/9;
  max-height: 100%;
  border-radius: 3px;
 }

 .feat-one-three-divider {
  height: auto;
  margin: 0 13px;
  width: 1px;
 }

 .feat-one-three-divider-bottom,
 .feat-one-three-divider-top {
  width: 100%;
 }

 .feat-one-three-divider-top {
  margin: 0 0 20px;
 }

 .feat-one-three-divider-bottom {
  margin: 20px 0 32px;
 }

 .backgroundClass {
  border-radius: 12px;
  padding: 16px;
 }

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

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

 .sport-leagues-logos-ctn .sport-leagues-logo-info:hover p {
  font-weight: 500;
 }

 .sport-leagues .sport-title-ctn {
  padding: 24px 0;
 }

 .sports-calendar-news-button:hover {
  background: rgba(246, 142, 1, 0.1);
  border: 1px solid rgba(246, 142, 1, 0.4);
 }

 .sport-calendar,
 .sport-calendar-error {
  width: auto;
 }

 .sport-calendar-swiper .swiper {
  padding-left: 11px;
  padding-right: 11px;
 }

 .sport-calendar-match-played {
  margin: auto;
 }

 .sport-calendar-local img,
 .sport-calendar-visitant img {
  height: 44px;
  max-height: 44px;
  max-width: 44px;
  width: 44px;
 }

 .sport-calendar-local p,
 .sport-calendar-visitant p {
  font-size: 18px;
 }

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

 .recipe-feed {
  margin: 0 auto;
  max-width: 1204px;
 }

 .no-data-text {
  font-size: 16px;
 }

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

 .default-chain-ctn .slider-arrows .next-arrow {
  background-image: url(../images/arrow_circle_right.svg);
  right: -14px;
 }

 .three-elements-chain-ctn {
  -moz-column-gap: 20px;
  column-gap: 20px;
 }

 .three-elements-chain-left,
 .three-elements-chain-right {
  grid-template-columns: repeat(3, 1fr);
 }

 .three-elements-chain-big-card {
  grid-row: span 2;
 }

 .ecc-top {
  -moz-column-gap: 20px;
  column-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 32px;
 }

 .ecc-children-wrapper {
  grid-template-columns: repeat(4, 1fr);
 }

 .ecc-children-wrapper > div:first-child,
 .ecc-children-wrapper > div:nth-child(2),
 .ecc-children-wrapper > div:nth-child(3) {
  grid-column: span 1;
  margin-bottom: 32px;
 }

 .otf-chain {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
 }

 .otf-chain-first-col {
  flex: 0 0 calc(50% - 21px);
  margin: 0 0 -16px;
  padding: 0;
 }

 .otf-chain-first-col .hl-bomb {
  font-size: 28px;
 }

 .otf-chain-first-col .story-card-deck {
  text-align: start;
 }

 .otf-chain-first-col
  .classFirstChild
  > .story-card-ctn
  > .story-card-info
  > .media-icon {
  bottom: 28px;
  left: 16px;
  min-height: 40px;
  min-width: 40px;
 }

 .otf-chain .story-card-details-ctn {
  justify-content: flex-start;
 }

 .otf-chain .classSecondChild > .story-card-ctn {
  border-bottom: none;
  margin-bottom: 0;
 }

 .otf-chain .classSecondChild > .story-card-ctn .story-card-details-ctn {
  justify-content: center;
 }

 .otf-chain
  .otf-chain-second-col
  > .story-card-ctn
  > .story-card-info
  > .media-icon {
  min-height: 32px;
  min-width: 32px;
 }

 .otf-chain .classSecondChild {
  align-items: center;
  border-bottom: 1px solid var(--gray-40);
  display: flex;
  height: 100%;
  margin-bottom: 16px;
 }

 .otf-chain .otf-chain-first-col .classFirstChild .story-card-hl {
  font-size: 35px;
  text-align: left;
 }

 .otf-chain-second-col,
 .otf-chain-third-col {
  flex: 0 0 calc(25% - 10.5px);
 }

 .otf-chain-third-col
  .story-card-ctn
  > .story-card-info
  > .story-card-details-top
  > .story-card-details-ctn
  > .story-card-author-ctn {
  justify-content: left;
 }

 .otf-chain
  .otf-chain-third-col
  > .story-card-ctn
  > .story-card-info
  > .media-icon {
  margin-bottom: -15px;
  margin-left: -5px;
 }

 .otf-chain-verano {
  border: 1px solid #f9d78e;
  border-radius: 12px;
  margin: 16px 0;
 }

 .otf-chain-verano .otf-chain-first-col {
  border-bottom: none;
 }

 .basic-nav:not(:has(.sticky-navbar-ad-container)) {
  margin-top: 48px;
 }
}

@media screen and (min-width: 992px) {
 .notifications-menu-ctn-interests {
  height: calc(100vh - 515px);
 }

 .notifications-menu-ctn-interests.navbar-contracted-48 {
  height: calc(100vh - 415px);
 }

 .notifications-menu-active:has(.notifications-menu-not-configured)
  .notifications-menu-ctn-interests {
  height: calc(100vh - 600px);
 }

 .notifications-menu-active:has(.notifications-menu-not-configured)
  .notifications-menu-ctn-interests.navbar-contracted-48 {
  height: calc(100vh - 520px);
 }

 .election-titlebar-tittlebarWhithTabs {
  margin-bottom: 0;
 }

 .election-titlebar-tittlebarWhithoutTabs {
  justify-content: flex-start;
  margin-bottom: 0;
 }

 .election-titlebar-containerBtn {
  max-width: 45%;
  min-width: -moz-max-content;
  min-width: max-content;
 }

 .election-titlebar-nameElection,
 .election-titlebar-typeElection {
  font-size: 22px;
 }

 .iframe-loading-ca {
  margin-top: 10px;
  margin-bottom: 30px;
 }

 .ca-title {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
 }

 .ca-co-title {
  width: 146px;
  height: 31px;
 }

 .ca-co-title,
 .ca-summary {
  display: flex;
  border-radius: 9px;
 }

 .ca-summary {
  width: 100%;
  height: 35px;
  gap: 5px;
  margin: 0 auto 20px;
 }

 .ca-comparation {
  display: none;
 }

 .ca-cards {
  width: calc(100% - 120px);
  height: 116px;
  gap: 20px;
  margin: 0 auto 16px;
  flex-direction: row;
 }

 .ca-cards > div {
  height: 100%;
 }

 .ca-more {
  display: none;
 }

 .map-tabs {
  gap: 32px;
 }

 .map-summary > div {
  height: 35px;
 }

 .map-content-general {
  display: flex;
  gap: 32px;
 }

 .map-content-cards,
 .map-content-map {
  width: 50%;
 }

 .map-more {
  display: none;
 }

 .map-cards-4 {
  display: block;
 }

 .map-country {
  height: 530px;
 }

 .slider-feed.power-up {
  max-width: inherit;
 }

 .slider-feed.power-up .next-arrow,
 .slider-feed.power-up .prev-arrow {
  display: block;
 }

 .video-header .swiper-slide:not(.swiper-slide-active) {
  background-color: var(--white-100);
 }

 .video-header .swiper-slide:not(.swiper-slide-active) img {
  opacity: 0.8;
 }

 .videos-feed {
  max-width: 1204px;
  margin: 0 auto;
  padding: 0 10px;
 }

 .videos-feed-title-ctn {
  margin-left: 0;
 }

 .videos-feed-videos-arrows {
  display: flex;
 }

 .videos-feed-swiper {
  max-width: 100%;
  padding-bottom: 32px;
  width: 100%;
 }

 .videos-feed-swiper .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
 }

 .video-card:hover .video-card-top {
  border-radius: 9px 9px 0 0;
  border-top: 1px solid var(--orange-100);
 }

 .video-card:hover .video-card-bottom,
 .video-card:hover .video-card-top {
  border-left: 1px solid var(--orange-100);
  border-right: 1px solid var(--orange-100);
 }

 .video-card:hover .video-card-bottom {
  border-bottom: 1px solid var(--orange-100);
  border-radius: 0 0 9px 9px;
 }
}

@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: 0.3rem 0.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 {
  min-width: 420px;
  max-width: 420px;
 }

 .article-right-rail .content-section:not(.isAdmin),
 .homepage-layout .content-section:not(.isAdmin) {
  grid-column: span 12;
 }

 .content-section:not(.isAdmin) {
  grid-column: span 10;
 }

 .homepage-centered-layout .header-layout-content {
  grid-column: span 12;
 }

 .article-section,
 .article-section-no-ads {
  -moz-column-gap: 20px;
  column-gap: 20px;
 }

 .page-container-centered-1600 {
  max-width: 1600px;
 }

 .page-container-liveblogging {
  max-width: 1236px;
 }

 .page-container-liveblogging .article-tags-container,
 .page-container-liveblogging .feed-list-wrapper {
  margin: 0 auto;
  max-width: 796px;
 }

 .header-layout-content-child {
  max-width: 1236px;
 }

 .article-bottom-856 {
  padding: 0;
  width: 856px;
 }

 .video-layout .sticky-navbar-ad-container {
  min-height: 96px;
 }

 .video-layout .video-body.page-container-centered-1168 .default-chain-ctn,
 .video-layout .video-body.page-container-centered-1168 .five-cards-chain,
 .video-layout
  .video-body.page-container-centered-1168
  .three-elements-chain-ctn,
 .video-layout .video-body.page-container-centered-1600 .default-chain-ctn,
 .video-layout .video-body.page-container-centered-1600 .five-cards-chain,
 .video-layout
  .video-body.page-container-centered-1600
  .three-elements-chain-ctn,
 .video-layout .video-body.page-container-liveblogging .default-chain-ctn,
 .video-layout .video-body.page-container-liveblogging .five-cards-chain,
 .video-layout
  .video-body.page-container-liveblogging
  .three-elements-chain-ctn,
 .video-layout .video-body.page-container .default-chain-ctn,
 .video-layout .video-body.page-container .five-cards-chain,
 .video-layout .video-body.page-container .three-elements-chain-ctn {
  padding: 0 10px;
 }

 .article-right-rail-centered: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;
 }

 .mhh {
  display: flex;
 }

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

 .fwc.fwc__d {
  position: absolute;
  left: 0;
  width: 100%;
 }

 .fwc__space.fwc__d {
  display: block;
 }

 .podcast-body-bottom h2 {
  font-size: 32px;
 }

 .podcast .ndc_sc4 {
  grid-template-columns: repeat(4, 1fr);
 }

 .podcast .ndc_sc5 {
  grid-template-columns: repeat(5, 1fr);
 }

 .podcast .ndc_sc6 {
  grid-template-columns: repeat(6, 1fr);
 }
}

@media only screen and (min-width: 993px) and (max-width: 1026px) {
 .body-blogging-share-bar .share-bar-article-date-container {
  flex-direction: row;
 }

 .body-blogging-share-bar
  .share-bar-article-date-divider
  > .sharebar-article-date:first-child {
  margin-bottom: 0;
 }

 .body-blogging-share-bar .sharebar-buttons {
  padding: 8px 7px;
 }

 .body-blogging-share-bar .sharebar-buttons-container {
  min-width: 88px;
 }

 .body-blogging-share-bar .button-listen,
 .body-blogging-share-bar .button-share {
  width: 30px;
 }

 .body-blogging-share-bar .button-listen > .buttons-text,
 .body-blogging-share-bar .button-share > .buttons-text {
  display: none;
 }
}

@media 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 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 {
  max-width: 1204px;
  padding: 0;
 }

 .top-home .mhh {
  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: 1400px) {
 .podcast-body-container {
  grid-template-columns: 70% 30%;
 }

 .podcast-body-left {
  order: 1;
  padding: 37px 30px 37px 0;
 }

 .podcast-body-right {
  order: 2;
  padding: 37px 0 37px 30px;
 }
}

@media only screen and (min-width: 1445px) and (max-width: 1555px) {
 .podcast-header__info-description {
  font-size: 56px;
 }
}

@media screen and (min-width: 1474px) {
 .default-chain-2 .story-card-scb {
  max-height: 66.5px;
 }

 .default-chain-2 .story-card-scb.scb-with-sponsor {
  max-height: 98.5px;
 }
}

@media only screen and (min-width: 1556px) {
 .podcast-header__info-description {
  font-size: 62px;
  line-height: 77px;
 }
}

@media screen and (min-width: 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;
 }

 .ticker-ctn .hideTitle {
  display: none;
 }

 .hideTitleMobile > div.ticker {
  grid-column: 1/3;
  margin-left: 16px;
 }

 .ticker-ctn-title,
 a.ticker-item,
 div.ticker > div.ticker__element > div.ticker-wrap > a.ticker-item {
  font-size: 14px;
  line-height: 18.2px;
 }

 div.hideTitleMobile a.ticker-item.only-ticker-item {
  margin-left: 16px;
 }

 .fwc.fwc__m {
  position: absolute;
  left: 0;
  width: 100%;
 }

 .fwc__space.fwc__m {
  display: block;
 }

 .default-chain-ctn .swiper {
  margin-bottom: 2vw;
  padding: 0;
 }

 .default-chain-ctn .swiper .swiper-button-next,
 .default-chain-ctn .swiper .swiper-button-prev {
  display: none;
 }
}

@media screen and (max-width: 577px) {
 .livebar-ctn-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;
  margin-bottom: 0;
  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);
 }
}

@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: 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 (max-width: 767px) {
 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;
 }
}

.cta-btn {
 display: flex;
 justify-content: center;
 align-items: center;
 background: #f00;
 color: #fff !important;
 text-decoration: none !important;
 padding: 20px;
 border-radius: 12px;
 width: 100% !important;
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5VvmojLazX3dGTP.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5Vvk4jLazX3dGTP.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5Vvm4jLazX3dGTP.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5VvlIjLazX3dGTP.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5VvmIjLazX3dGTP.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5VvmYjLazX3dGTP.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/va9E4kDNxMZdWfMOD5Vvl4jLazX3dA.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveSxf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveQhf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveShf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveRRf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveSRf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveSBf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/va9B4kDNxMZdWfMOD5VnZKveRhf6Xl7Glw.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eSxf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eQhf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eShf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eRRf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eSRf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eSBf6Xl7Gl3LX.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: "Fira Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eRhf6Xl7Glw.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: "Fira Sans-fallback";
    size-adjust:102.56%;ascent-override:94%;src: local("Arial")
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    border: 0;
    list-style-type: none
}

body {
    font-family: "Fira Sans","Fira Sans-fallback",sans-serif;
    font-size: medium;
    background: #fff;
    overflow-x: hidden;
    -ms-touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(60,94,119,.25);
}

body .pageWrapper {
    width: 92%;
    margin: 0 auto;
    text-align: left;
    max-width: 1140px;
    clear: both
}

a,a:active,a:visited {
    color: #2e536d;
    text-decoration: none
}

.flag.sponsored {
    position: absolute;
    top: -14px;
    left: 0;
    text-transform: uppercase;
    color: #969696;
    font-size: 9px;
    font-weight: 400
}

body:before {
    content: "";
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    position: absolute;
    z-index: 100
}

.siteNavigation {
    -webkit-transition: opacity 170ms cubic-bezier(0.55,0.06,0.68,0.19) 170ms;
    transition: opacity 170ms cubic-bezier(0.55,0.06,0.68,0.19) 170ms;
    background: #fff;
    width: 100%;
    line-height: 1;
    position: relative;
    z-index: 4;
    margin-bottom: 10px
}

.siteNavigation #tabMenu {
    font-family: "Fira Sans","Fira Sans-fallback",sans-serif;
    font-size: 14px;
    margin: 0 auto;
    position: relative
}

.siteNavigation #tabMenu .mainMenu {
    background: #fff;
    height: 44px;
    z-index: 3;
    white-space: normal;
    font-size: 0;
    position: relative;
    overflow: hidden
}

.siteNavigation #tabMenu .mainMenu .bubbleGroup,.siteNavigation #tabMenu .mainMenu .bubbleMenu {
    right: 0;
    position: absolute;
    z-index: 5;
    display: none
}

.siteNavigation #tabMenu .mainMenu li {
    display: inline-block;
    font-size: 13px;
    vertical-align: top
}

.siteNavigation #tabMenu .mainMenu li>a {
    overflow: hidden;
    display: block
}

.siteNavigation #tabMenu .subMenu {
    position: relative;
    z-index: 2
}

.siteNavigation #tabMenu .subMenu ul {
    position: absolute;
    width: 160px;
    display: none
}

.siteNavigation #tabMenu .subMenu ul li {
    display: block
}

.siteNavigation #tabMenu .subMenu .bubbleGroup li {
    text-align: left;
    width: 100%
}

.siteNavigation #tabMenu .firstLevel {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-transform: uppercase;
    max-width: 100%
}

.siteNavigation #tabMenu .firstLevel .mainMenu {
    background: #fff;
    color: #000
}

.siteNavigation #tabMenu .firstLevel .mainMenu li {
    border-right: 1px solid #e4e4e4;
    height: 45px;
    margin-top: -1px
}

.siteNavigation #tabMenu .firstLevel .mainMenu li a {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    padding: 18px 16px;
    position: relative
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.more>a.bubbleMenuHamburger.open {
    background: #d9d9d9
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.selected {
    border-bottom: 5px solid #ffd40e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.alsm a {
    padding-right: 30px
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.premiumMenuElement {
    background-color: #164492
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.premiumMenuElement a.firstLevelLink {
    color: #fff
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.premiumMenuElement:hover {
    background-color: #164492
}

.siteNavigation #tabMenu .firstLevel .mainMenu li.premiumMenuElement:hover a.firstLevelLink {
    color: #fff
}

.siteNavigation #tabMenu .firstLevel .mainMenu .more {
    border-right: none;
    position: initial
}

.siteNavigation #tabMenu .firstLevel .mainMenu .more a {
    font-size: 37px;
    line-height: 21px;
    font-weight: 400;
    padding: 3px 16px 22px
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu {
    width: 100%;
    top: 45px;
    background: #fff;
    border: none;
    text-align: left;
    right: 0;
    border-top: none
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup li,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu li {
    border-bottom: 1px solid #e4e4e4
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup li a,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup li span,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu li a,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu li span {
    border: none;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    padding: 17px 16px 15px
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup li.selected,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu li.selected {
    border-bottom: 5px solid #ffd40e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup ul,.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu ul {
    padding: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup {
    display: block;
    left: 100vw;
    -webkit-transition: left .5s,visibility .5s;
    transition: left .5s,visibility .5s
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleGroup li {
    width: 100%
}

.siteNavigation #tabMenu .firstLevel .mainMenu .levelDown:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    position: absolute;
    right: 12px;
    top: 21px
}

.siteNavigation #tabMenu .firstLevel .mainMenu .levelUp {
    display: block
}

.siteNavigation #tabMenu .firstLevel .mainMenu .levelUp:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.siteNavigation #tabMenu .firstLevel .mainMenu .bubbleMenu .levelDown:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    line-height: 1;
    right: 6px;
    top: 19px
}

.siteNavigation #tabMenu .secondLevel {
    background: #f8f8f8;
    color: #000;
    clear: both;
    height: 40px;
    max-width: 100%;
    position: relative
}

.siteNavigation #tabMenu .secondLevel .subMenu {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

.siteNavigation #tabMenu .secondLevel .subMenu li {
    padding: 0
}

.siteNavigation #tabMenu .secondLevel .subMenu li a {
    border: none;
    color: #666;
    display: inline-block;
    font-size: 11px;
    padding: 15px 14px 15px 8px
}

.siteNavigation #tabMenu .secondLevel .subMenu li.selected>a {
    font-weight: 400
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more {
    position: initial
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more a {
    font-size: 24px;
    line-height: 24px;
    padding: 0 16px 12px;
    text-transform: uppercase
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more .bubbleGroup {
    width: 100vw;
    display: none;
    background: #d9d9d9;
    border: none;
    text-align: left;
    right: 0;
    top: 40px
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more .bubbleGroup a {
    border: none;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    padding: 16px 25px
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more .bubbleGroup ul {
    padding: 0;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more .bubbleGroup li {
    text-align: left;
    width: 100%
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more .bubbleGroup li a {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    padding: 17px 15px;
    white-space: nowrap
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more>a.bubbleMenuHamburger {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 31px;
    padding-bottom: 0;
    margin-top: 0;
    color: #000
}

.siteNavigation #tabMenu .secondLevel .subMenu li.more>a.bubbleMenuHamburger.open {
    background: #d9d9d9
}

.siteNavigation #tabMenu .secondLevel .subMenu li:first-child a {
    padding-left: 16px
}

.siteNavigation #tabMenu .secondLevel .breadcrumbs {
    color: #fff;
    clear: both;
    float: left;
    height: 100%;
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    font-size: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll
}

.siteNavigation #tabMenu .secondLevel .breadcrumbs li {
    background: #eaeaea;
    display: inline-block;
    position: relative
}

.siteNavigation #tabMenu .secondLevel .breadcrumbs li:last-child a {
    padding-right: 14px
}

.siteNavigation #tabMenu .secondLevel .breadcrumbs li:last-child:after {
    background: 0 0;
    width: 0;
    height: 0
}

.siteNavigation #tabMenu .secondLevel .breadcrumbs li:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBRTlBNTdCMEEwNjZFNTExOEY0QjlCMEE2NzIxMTc5QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDYyNTlEQzlGNTIxMUU1QUNCNEJCRDEzNkQ2OUI3OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDYyNTlEQjlGNTIxMUU1QUNCNEJCRDEzNkQ2OUI3OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUwRjcyOEU5NEI5RkU1MTFBM0Q2QjQyMjdFNUJDRDY4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFFOUE1N0IwQTA2NkU1MTE4RjRCOUIwQTY3MjExNzlDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yozgjwAAAHpJREFUeNpi/P//vxADA4MiEL8D4vsMyAAoyQPEl4D4MxDrAjEDDMMYKkD8AYhvAzE/uiQIe/+HgC3YJEG4DqqgEZskA1QnCHhjk5QD4p9A/BCb5DqozkCi7fQA4j9AvB2ImdH9+RbqTyFkr3BCQ+gbeggx4gtbgAADAHC1Bgmj6LJKAAAAAElFTkSuQmCC") center/contain no-repeat;
    content: "";
    color: #fff;
    height: 10px;
    width: 6px;
    position: absolute;
    top: 15px;
    right: 0
}

.siteNavigation #tabMenu .secondLevel .breadcrumbs li:last-child {
    margin-right: 45px
}

body svg {
    height: 100%;
    width: 100%
}

.mainIconPack {
    position: absolute;
    height: 0;
    width: 0
}

.pageHeader {
    position: sticky;
    background: #fff;
    width: 100%
}

.pageHeader a,.pageHeader a:visited {
    color: #1e1e1e
}

.pageHeader .headerTop {
    padding: 10px 0 10px 15px;
    height: 53px;
    background: #fff;
    position: relative;
    z-index: 21;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pageHeader .headerTop .portalLogo {
    float: left;
    width: 93px;
    height: 28px;
    z-index: 11
}

.pageHeader .headerTop .serviceLogo,.pageHeader .headerTop .serviceLogo img {
    height: 28px
}

.pageHeader .headerTop .userWraper {
    width: 26px;
    height: 26px
}

.pageHeader .headerTop .headerServices {
    float: right
}

.pageHeader .headerTop .headerServices .iconMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageHeader .headerTop .headerServices .iconMenu .iconMenuItem {
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #ffd200;
    border-radius: 100%
}

.pageHeader .headerTop .headerServices .iconMenu .iconMenuItem img {
    width: 100%;
    height: 100%
}

.pageHeader .headerTop .headerServices .iconMenu .iconMenuItem.mail {
    width: 26px;
    height: 26px;
    padding: 5px;
    z-index: 9999
}

.pageHeader .headerTop .headerServices .iconMenu a.iconMenuItem {
    margin: 0 5px;
    z-index: 11
}

.pageHeader .headerTop .headerServices .iconMenu .servicesMenuTrigger {
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: top;
    margin: 0 10px;
    background: 0 0
}

.pageHeader .mainMenu {
    width: 100%;
    white-space: nowrap;
    font-weight: 700;
    overflow-x: scroll;
    font-size: 0
}

.pageHeader .mainMenu::-webkit-scrollbar {
    display: none
}

.servicesMenu {
    position: absolute;
    left: 0;
    top: 8px;
    z-index: 10;
    width: 100vw;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    transition: max-height .5s
}

.servicesMenu.active .menuBody {
    -webkit-transition: left .5s;
    transition: left .5s
}

.servicesMenu .menuCloseIcon {
    overflow: hidden;
    width: 24px;
    height: 24px;
    float: right;
    background: #fff;
    margin: 20px 10px 9px;
    z-index: 1;
    position: relative;
    fill: #3b3b3a
}

.servicesMenu .menuBody {
    width: 200vw;
    overflow: hidden;
    position: relative;
    left: 0;
    background: #fff;
    color: #1e1e1e;
    -webkit-transition-duration: 1ms;
    transition-duration: 1ms;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    border-bottom: 5px solid #ffd200
}

.servicesMenu .menuBody .mainLinksMenu {
    float: left;
    width: calc(100vw - 30px);
    margin: 0 15px;
    padding: 5px 0 11px
}

.servicesMenu .menuBody .mainLinksMenu .itemLink {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 34px;
    margin: 9px 0;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden
}

.servicesMenu .menuBody .mainLinksMenu .itemLink .itemLinkIcon {
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.servicesMenu .menuBody .mainLinksMenu .itemLink .itemLinkIcon.ogloszenia {
    width: 25px;
    margin-left: 6px;
    margin-right: 14px
}

.servicesMenu .menuBody .mainLinksMenu .menuIcon {
    display: none
}

.servicesMenu .menuBody .otherServices {
    float: left;
    width: calc(100vw - 30px);
    border-top: 1px solid #dcdcdc
}

.servicesMenu .menuBody .otherServices .otherServicesList {
    overflow: hidden;
    padding: 14px 0 0;
    font-size: 11px
}

.servicesMenu .menuBody .otherServices .otherServicesList .otherServicesItem {
    float: left;
    width: 50%
}

.servicesMenu .menuBody .otherServices .otherServicesList .otherServicesItem.serviceMap {
    float: right
}

.servicesMenu .menuBody .otherServices .otherServicesList .otherServicesItem .itemLink {
    padding: 10px 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    overflow: visible
}

.servicesMenu.active {
    max-height: 200vh
}

.pageFooter {
    padding: 7px 15px 15px;
    border-top: 1px solid #dcdcdc
}

.pageFooter:last-child {
    padding-bottom: 40px
}

.pageFooter ul {
    width: 63%;
    display: inline-block;
    padding-left: 12px
}

.pageFooter ul .footerMenuLink {
    font-size: 11px;
    list-style-type: disc;
    height: 42px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageFooter ul .footerMenuLink a {
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle
}

.pageFooter .backToTop {
    float: right;
    top: 40px;
    right: 15px;
    position: relative;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    padding: 11px 0 0 29px;
    height: 38px
}

.pageFooter .backToTop svg {
    height: 38px;
    width: 38px;
    background: #ffd200;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pageFooter .copyrights,.pageFooter .footerScrapping {
    color: #7b7b7b;
    font-size: 12px;
    margin: 15px 0 0 12px
}

.pageFooter .footerScrapping {
    color: #7b7b7b;
    font-size: 12px;
    margin: 5px 0 0 12px
}

body.skom .placeholder:not(.embed) {
    padding-top: 0!important
}

body.skom .placeholder:not(.embed)::after {
    display: none
}

.adPlaceholder {
    background: #f7f7f7;
    color: #696969;
    position: relative;
    padding-top: 400px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 300;
    letter-spacing: 0;
    z-index: 0;
    margin: 10px -10px 25px
}

.adPlaceholder::after {
    content: "REKLAMA";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.noAdsSponsored .adPlaceholder {
    display: none
}

.placeholder-flat-nin::after,.placeholder-flat-partner::after {
    content: "TO RÓWNIEŻ CIĘ ZAINTERESUJE"
}

.skom .adPlaceholder:not(.placeholder-top) {
    display: none
}

.skom .adPlaceholder[data-slotname=right] {
    display: block;
    background: rgba(0,0,0,0)
}

.headerTop #onet-ad-flat-ikona {
    margin-right: auto
}

#onet-ad-right {
    min-height: 0;
    display: block;
    margin: 0;
    clear: both
}

.onet-ad {
    min-width: 1px
}

.stream .onet-ad {
    width: 100%
}

.stream #onet-ad-right {
    padding: 0
}

.contentWrap .detail .placeholder.embed:last-child {
    margin-bottom: 24px
}

.newsLayout:not(.detail) .adPlaceholder {
    margin-left: 0;
    margin-right: 0
}

.placeholder-flat-nin {
    padding-top: 1280px;
    margin-left: auto;
    margin-right: auto
}

.placeholder-flat-partner {
    margin-left: auto;
    margin-right: auto
}

#contentAside {
    border-top: 0;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#contentAside section h1 {
    color: #000;
    border-bottom: 1px solid #dcdcdc;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 1em;
    position: relative;
    z-index: 4;
    padding-left: 15px;
    height: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px
}

#contentAside section h1:before {
    height: 30px;
    width: 30px;
    background: #ffd200;
    content: "";
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1px;
    z-index: -1
}

@-webkit-keyframes userLoading {
    0%,100% {
        background-color: #eee
    }

    50% {
        background-color: #fff
    }
}

@-webkit-keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0)
    }

    100% {
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0)
    }
}

.clear {
    clear: both
}

#contentBody .breadcrumbs {
    width: 100%;
    font-size: 14px;
    padding: 0 0 17px;
    clear: both;
    float: left;
    font-weight: 500
}

#contentBody .breadcrumbs span {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: capitalize;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#contentBody .breadcrumbs span a {
    display: inline;
    color: #000
}

#contentBody .breadcrumbs span a::before {
    content: " ›";
    display: inline;
    margin-right: 3px
}

#contentBody .breadcrumbs span:first-child a::before {
    content: ""
}

#contentBody .mobileHeader .sponsored {
    text-align: left;
    width: 100%;
    color: #999;
    font-size: 12px;
    clear: both;
    font-family: "Fira Sans","Fira Sans-fallback",sans-serif;
    margin-bottom: 10px
}

.right {
    float: right
}

#contentWrapId {
    max-width: 1280px;
    margin: 0 auto
}

a img {
    border: 0
}

.mediaInset .holder {
    position: relative
}

.mediaInset .holder img {
    position: absolute;
    top: 0;
    left: 0
}

.mediaInset img {
    width: 100%
}

.mediaInset .title {
    margin-bottom: .3em
}

.source {
    clear: both;
    margin: 17px 0 0
}

.mobileHeader .source {
    min-height: 30px
}

.mobileHeader .source img {
    display: block
}

.contentHeader,.contentWrap {
    max-width: 1140px;
    width: 100%;
    min-width: 288px;
    margin: 0 auto;
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left;
    position: relative
}

.contentHeader ul,.contentWrap ul {
    margin-top: 10px
}

.contentHeader ul li,.contentWrap ul li {
    list-style-type: none;
    margin-bottom: 12px;
    position: relative;
    padding-left: 10px
}

.contentHeader ul li:before,.contentWrap ul li:before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #ffd200;
    position: absolute;
    top: 4px;
    left: -16px
}

.contentHeader ul li a,.contentWrap ul li a {
    font-weight: 700;
    border-bottom: 3px solid #ffd200;
    color: #000
}

.contentHeader .firstList li,.contentWrap .firstList li {
    font-weight: 700
}

.contentHeader .mobileHeader {
    overflow: hidden;
    margin-bottom: 17px
}

.contentHeader.titleblock {
    margin-top: 10px
}

.contentHeader .date {
    font-size: 12px;
    float: left
}

.contentHeader .date.js-read-time {
    clear: both;
    font-size: 13px
}

#contentBody p {
    margin-bottom: 1em
}

#contentBody ol,#contentBody ul {
    padding: 0 0 24px 20px;
    display: inline-block
}

#contentBody ol li {
    list-style-type: decimal
}

#contentBody hr {
    border: 1px solid #dedede;
    margin-bottom: 10px
}

#contentBody h2 {
    font-size: 23px;
    font-weight: 500;
    margin: 20px 0
}

.caption {
    padding: 9px 0;
    font-size: 10px;
    line-height: 1.4;
    display: block;
    color: #696969;
    text-align: left;
    font-weight: 100
}

@media only screen and (min-width: 0px) {
    #contentAside {
        border-top:0 solid #fff;
        width: 30%;
        float: right;
        padding-top: 0
    }

    #contentAside section h1 {
        text-transform: uppercase;
        font-weight: 700;
        padding-top: 8px;
        padding-bottom: 4px;
        margin-bottom: 4px
    }

    #contentAside section a {
        color: #212121
    }

    .contentHeader.titleblock,.contentWrap {
        margin-top: 0
    }

    #detail .mediaInset a {
        float: none
    }

    .mediaInset {
        width: 100%;
        display: block
    }

    .mediaInset a {
        width: 100%
    }

    .mediaInset .copyright {
        position: absolute;
        background: rgba(0,0,0,.5);
        bottom: 0;
        right: 0;
        font-size: 8px;
        color: #fff;
        padding: 4px 8px
    }

    .mediaInset.teaserImage {
        position: relative
    }

    .mediaInset.teaserImage .caption {
        padding: 10px 10px 0
    }

    .mediaInset.teaserImage.holder {
        position: relative
    }

    .mediaInset.teaserImage.holder img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }

    .contentHeader .titleblock {
        margin-top: 0
    }

    .contentHeader h1 {
        clear: both;
        width: 100%;
        color: #464646;
        font-size: 28px!important;
        line-height: 34px;
        margin-top: 7px;
        margin-bottom: 17px;
        margin-left: -1px;
        font-weight: 700;
        letter-spacing: -1px
    }

    .contentHeader .meta {
        display: block;
        float: left;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-top: 13px;
        margin-bottom: 6px;
        color: rgba(33,33,33,.5)
    }

    .contentHeader .meta a {
        color: rgba(33,33,33,.5)
    }

    .contentHeader div a img {
        display: block
    }

    #contentBody {
        float: left;
        width: 68%;
        clear: left
    }

    #contentBody #lead {
        font-weight: 700;
        margin-bottom: 18px;
        line-height: 30px;
        font-size: 17px;
        color: #1e1e1e;
        padding: 0 10px
    }

    #contentBody #lead a,#contentBody p a {
        font-weight: 700;
        color: #1e1e1e;
        text-decoration: none;
        padding-bottom: 1px;
        border-bottom: 3px solid #ffd200
    }

    #contentBody #leadContainer p:first-child {
        font-weight: 800
    }

    #contentBody p {
        margin-bottom: 24px;
        line-height: 30px;
        font-size: 17px;
        color: #1e1e1e
    }

    #contentBody h4 {
        font-weight: 500;
        font-size: 23px;
        margin: 20px 0
    }
}

.contentBody .mobileHeader .sponsored {
    text-align: left;
    width: 100%;
    color: #999;
    font-size: 12px;
    clear: both;
    font-family: "Fira Sans","Fira Sans-fallback",sans-serif;
    margin-bottom: 10px
}

@media only screen and (min-width: 480px) {
    body {
        margin-top:0
    }
}

@media only screen and (min-width: 768px) {
    .contentHeader h1 {
        font-size:32px!important
    }

    #hr {
        display: none
    }

    .mediaInset {
        width: 97%;
        margin-left: 15px
    }
}

@media only screen and (max-width: 767px)and (min-width:0px) {
    #contentAside {
        width:100%;
        float: none;
        margin-top: 16px
    }

    #contentBody {
        width: 100%;
        float: none
    }

    .contentHeader h1 {
        margin-top: 7px;
        font-size: 28px;
        line-height: 28px
    }
}

.streamNews {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.streamNews .other {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.streamNews .other .native {
    height: 25px;
    width: 30%;
    margin-right: 10px
}

.streamNews .other .native img {
    height: auto;
    width: 100%;
    vertical-align: middle
}

.streamNews .other .lpsLabel {
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    white-space: nowrap;
    width: 60%
}

.social-container {
    width: 100%;
    overflow: hidden;
    margin: 20px 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

.social-container .button {
    display: block;
    width: 18.9%;
    height: 35px;
    line-height: 33px;
    position: relative;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1.33%;
    float: left;
    background-color: #2ea02e;
    /* color:#fff; */
    padding-top: 2px
}

.social-container .button .share {
    height: 100%;
    overflow: hidden;
    display: block;
    color: #fff
}

.social-container .button svg {
    width: 23px;
    height: 30px
}

.social-container .button.fb {
    background-color: #3d5a98
}

.social-container .button.fb svg {
    width: 10px
}

.social-container .button.tw {
    background-color: #000;
}

.social-container .button.copy {
    margin-right: 0;
    background-color: #c8c8c8
}

.social-container .button.copy svg {
    width: 19px
}

.social-container .button.whatsapp {
    background-color: #2ea02e
}

.social-container .button.messenger {
    background-color: #0080f8
}

.servicesMenu:not(.active) {
    -webkit-transition: max-height 0s linear .3s;
    transition: max-height 0s linear .3s
}

.latestFromCategory {
    margin-bottom: 12px;
    font-size: 19px;
    font-weight: 500;
    text-align: center
}

.latestFromCategory .news {
    position: relative;
    width: 100%;
    margin-bottom: 25px;
    color: #373737!important
}

.latestFromCategory .news img {
    width: inherit;
    height: auto;
    margin-bottom: 10px;
    max-width: 100%
}

.latestFromCategory .news .newsImage {
    width: 100%
}

.latestFromCategory .news .lpsLabel {
    font-size: 11px;
    font-weight: 400;
    margin-top: 20px;
    display: block;
    text-align: left
}

.latestFromCategory .title {
    text-align: left;
    display: block
}

.latestFromCategory .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px
}

.latestFromCategory h2 {
    padding: 0 0 10px 10px;
    text-transform: uppercase;
    text-align: left;
    margin: 20px 0 0!important;
    position: relative;
    font-size: 20px!important
}

.latestFromCategory h2:before {
    height: 30px;
    width: 30px;
    background: #ffd200;
    content: "";
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: -3px;
    z-index: -1
}

.placeholder.embed {
    position: relative;
    overflow: hidden;
    -webkit-transition: padding-top 1s ease-out;
    transition: padding-top 1s ease-out;
    margin: 10px auto;
    border-bottom: 4px solid transparent;
    padding-top: 128%;
    line-height: initial
}

.userWraper {
    width: 37px;
    height: 37px;
    background: #ffd200;
    border-radius: 50%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.userWraper.userLoader {
    cursor: wait;
    -webkit-animation-name: userLoading;
    animation-name: userLoading;
    -webkit-animation-duration: 2.24s;
    animation-duration: 2.24s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal
}

.userWraper .userIconSvg {
    width: 93%;
    height: 93%;
    position: absolute;
    top: 3%;
    left: 3%
}

@keyframes userLoading {
    0%,100% {
        background-color: #eee
    }

    50% {
        background-color: #fff
    }
}

.paywallSubmenu {
    background: #fff;
    position: absolute;
    z-index: 9999999;
    right: 0;
    top: 40px;
    width: 220px;
    border: 1px solid #dbdbdb;
    border-bottom: 0;
    -webkit-box-shadow: 0 5px 6px -1px rgba(0,0,0,.2);
    box-shadow: 0 5px 6px -1px rgba(0,0,0,.2)
}

.paywallSubmenu li {
    border-bottom: 1px solid #dbdbdb
}

.paywallSubmenu li a,.paywallSubmenu li span {
    display: block;
    padding: 15px;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    color: #000;
    margin: 0;
    cursor: pointer
}

.paywallSubmenu.hidden {
    display: none
}

.pageHeader {
    position: sticky;
    top: 0;
    z-index: 99999
}

@keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0)
    }

    100% {
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0)
    }
}