.caroda-ima-fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; } .caroda-content-fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; } :root { --caroda-horizontal-aspect-ratio-percentage: 56.25%; --caroda-horizontal-with-banner-aspect-ratio-percentage: 71.8%; --caroda-horizontal-4-3-aspect-ratio-percentage: 75%; --caroda-vertical-aspect-ratio-percentage: 177.78%; --caroda-vertical-3-4-aspect-ratio-percentage: 133.33%; --caroda-square-aspect-ratio-percentage: 100%; --advertising-label-height: 20px; --caroda-advertising-label-color: #333; } .carodaSafeFrame * { --caroda-horizontal-aspect-ratio-percentage: 100vh; --caroda-horizontal-with-banner-aspect-ratio-percentage: 100vh; --caroda-horizontal-4-3-aspect-ratio-percentage: 100vh; --caroda-vertical-aspect-ratio-percentage: 100vh; --caroda-vertical-3-4-aspect-ratio-percentage: 100vh; --caroda-square-aspect-ratio-percentage: 100vh; --advertising-label-height: 0; --caroda-advertising-label-color: #333; } .caroda-spinner-container { display: none; background: rgba(20, 20, 20, 0.9); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } .caroda-spinner { position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); border: 8px solid #ccc; border-top: 8px solid white; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .caroda-show-spinner .caroda-spinner-container { display: block; } .carodaOutstream .caroda-spinner-container { background: none; } @font-face { font-family: "caroda-replay-button"; } .carodaReplayButtonContainer { position: absolute; background: rgba(50, 50, 50, 0.4); } .carodaReplayButtonContainer .carodaReplayButton { transition: opacity 0.6s ease-out; opacity: 0.8; position: absolute; top: calc(50% - var(--advertising-label-height)); left: 50%; transform: translate(-50%, -50%); min-width: 50px; min-height: 50px; border: none; cursor: pointer; letter-spacing: 1.5px; background-color: transparent; color: white; text-shadow: -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black, -1px -1px 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, -1px 0 1px black; } .carodaReplayButtonContainer .carodaReplayButton.mobile, .carodaReplayButtonContainer .carodaReplayButton:hover { opacity: 1; } .carodaReplayButtonContainer .carodaReplayButton:before { font-family: "caroda-replay-button"; display: block; content: "\e984"; font-size: 45px; } .carodaReplayButtonContainer .carodaReplayButton:after { content: attr(title); position: absolute; top: 60px; left: 50%; transform: translate(-50%, 0); min-width: 100px; } .carodaReplayButtonContainer .carodaReplayButtonErrorMessage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .carodaReplayButtonContainer .carodaReplayButton:after, .carodaReplayButtonContainer .carodaReplayButtonErrorMessage { font-size: 12px !important; font-weight: bold !important; line-height: 1 !important; font-family: Arial, Helvetica, sans-serif !important; } .carodaSafeFrame .carodaReplayButton { top: 50vh; } .caroda-spinner-container.interstitial { background: rgba(255, 255, 255, 0.4); z-index: 9999999999999999999; transition: opacity 0.3s; opacity: 0; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; } .caroda-spinner-container.interstitial.caroda-interstitial-preload { z-index: -1; visibility: hidden; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 80vh; } @media (orientation: landscape) { .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { width: 60vw; max-width: 800px; } } @media (orientation: portrait) { .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { width: 100%; } } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaOutstream { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer.hidden .carodaOutstream { /* This allows the players to have width when being preloaded but not yet visible. */ position: relative; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaInterstitialClose { position: absolute; top: -5px; right: 0; font-size: 50px; line-height: 50px; color: #333; cursor: pointer; background: none; border: none; opacity: 0; transition: opacity 0.3s; padding: 0; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaInterstitialClose:before { content: "✖"; display: block; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaTeadsAdLabelContainer { height: 50px; position: relative; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaTeadsAdLabelContainer .carodaTeadsAdLabel { position: absolute; bottom: 15px; left: 0; font-size: 25px; text-align: center; transform: none; width: 100%; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded { height: 260px !important; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded > * { top: 25px !important; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded button.carodaInterstitialClose { margin-top: -30px; } .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer .caroda-spinner, .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer .carodaReplayButton { display: none; } .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer button.carodaInterstitialClose { opacity: 1; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded, .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded { margin-top: 0; padding-top: 45px; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded:before, .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { padding-top: 10px; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { margin-top: -45px; } .caroda-spinner-container.interstitial .carodaBannerContainer:before { top: 0px; } .caroda-spinner-container.interstitial .carodaOutstreamSlider .sliderSpacer:before { top: -35px; } .caroda-spinner-container.interstitial .carodaOutstream.carodaOutstreamSlider .sliderSpacer { margin-top: 45px; } .caroda-spinner-container.interstitial .carodaSmartclipContainer.loaded:before { margin-top: -10px; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer { top: 0; margin-top: calc( var(--caroda-horizontal-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer:before { margin-top: calc( calc(var(--caroda-horizontal-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner:before { margin-top: calc( calc(var(--caroda-horizontal-with-banner-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 { margin-top: calc( var(--caroda-horizontal-4-3-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3:before { margin-top: calc( calc(var(--caroda-horizontal-4-3-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical { margin-top: calc( var(--caroda-vertical-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical:before { margin-top: calc( calc(var(--caroda-vertical-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 { margin-top: calc( var(--caroda-vertical-3-4-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4:before { margin-top: calc( calc(var(--caroda-vertical-3-4-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-square, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-square { margin-top: calc( var(--caroda-square-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-square:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-square:before { margin-top: calc( calc(var(--caroda-square-aspect-ratio-percentage) * -1) - 15px ); } .caroda-show-spinner .caroda-spinner-container.interstitial { opacity: 1; visibility: visible; } .caroda-show-spinner .caroda-spinner-container.interstitial.hidden { visibility: hidden; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder { position: relative; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder:before { box-sizing: border-box; content: ""; display: block; height: calc(100% - var(--advertising-label-height)); left: 0; margin-top: var(--advertising-label-height); position: absolute; top: 0; width: 100%; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder .carodaOutstream { position: sticky; top: 0; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaSmartclipContainer.loaded { margin-top: 5px; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaBannerContainer:before, .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaAniview:before { margin-bottom: 6px; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaBannerContainer .carodaBanner > *:first-child, .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaAniview .carodaBanner > *:first-child { display: block; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder:before { margin-top: 0; height: 100%; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder { position: absolute; overflow-x: unset; overflow-y: unset; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream { position: sticky; } button.caroda-download-logs { position: fixed; bottom: 2rem; left: 2rem; z-index: 99999999; } .carodaContainer { position: relative; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) { font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; overflow: hidden; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview { position: relative; overflow: hidden; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer:not(.loaded), .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview:not(.loaded) { visibility: hidden; pointer-events: none; min-height: 200px; aspect-ratio: 1 / 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded { margin-top: 5px; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { display: block; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner { overflow: hidden; text-align: center; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner > * > iframe, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner > * > iframe, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner > * { margin: 0px auto; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner .teads-inread, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner .teads-inread { height: auto; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer { position: relative; opacity: 0; margin-top: -10px !important; padding: 0 !important; transition: opacity 0.6s ease-out; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; top: -18px; left: 50%; transform: translate(-50%, 0); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer .caroda-player-vast-vpaid { position: absolute !important; bottom: 0; left: 0; width: 100%; height: 0; overflow: show; padding-bottom: var(--caroda-horizontal-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-ima { padding-bottom: var( --caroda-horizontal-with-banner-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-ima { padding-bottom: var( --caroda-horizontal-4-3-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical .caroda-player-ima { padding-bottom: var(--caroda-vertical-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-ima { padding-bottom: var(--caroda-vertical-3-4-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-square .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-square .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-square .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-square .caroda-player-ima { padding-bottom: var(--caroda-square-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer:not(.loaded) { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 100% !important; visibility: hidden !important; pointer-events: none !important; margin-top: -10px !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer { margin-top: calc( var(--caroda-horizontal-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; opacity: 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer > * { transition: opacity 0.6s ease-out; opacity: 0; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.loaded > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.loaded > * { opacity: 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer:before { display: block; margin-top: calc(var(--caroda-horizontal-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner:before { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) * -1 ); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 { margin-top: calc( var(--caroda-horizontal-4-3-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3:before { margin-top: calc(var(--caroda-horizontal-4-3-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical { margin-top: calc( var(--caroda-vertical-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical:before { margin-top: calc(var(--caroda-vertical-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 { margin-top: calc( var(--caroda-vertical-3-4-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4:before { margin-top: calc(var(--caroda-vertical-3-4-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-square, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-square { margin-top: calc( var(--caroda-square-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-square:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-square:before { margin-top: calc(var(--caroda-square-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstreamSlider { font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; overflow: hidden; position: relative; margin: 0; } .carodaContainer > .carodaOutstreamSlider .sliderSpacer:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer:before { display: block !important; } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer { position: relative; background: #000; margin-top: var(--advertising-label-height); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer.transparent { background: transparent; } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-horizontal { padding-top: var(--caroda-horizontal-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-horizontal-4-3 { padding-top: var(--caroda-horizontal-4-3-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-square { padding-top: var(--caroda-square-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-vertical-3-4 { padding-top: var(--caroda-vertical-3-4-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-vertical { padding-top: var(--caroda-vertical-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer { position: relative; opacity: 0 !important; padding: 0 !important; padding-top: 0 !important; transition: opacity 0.6s ease-out; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer:before, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer:before { display: none; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer.loaded, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer.loaded { opacity: 1 !important; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer .caroda-player-ima { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 0 !important; overflow: show !important; } .carodaContainer > .carodaOutstreamSlider.format-horizontal .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-horizontal .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-horizontal-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-horizontal-4-3 .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-horizontal-4-3 .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var( --caroda-horizontal-4-3-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstreamSlider.format-vertical .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-vertical .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-vertical-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-vertical-3-4 .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-vertical-3-4 .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-vertical-3-4-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-square .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-square .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-square-aspect-ratio-percentage) !important; } .carodaInstream:not(.carodaFullscreen), .carodaInstreamWithPositions:not(.carodaFullscreen) { position: relative; } .carodaInstream .carodaImaOutstreamPlayer:not(.loaded), .carodaInstreamWithPositions .carodaImaOutstreamPlayer:not(.loaded) { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 100% !important; visibility: hidden !important; pointer-events: none !important; margin-top: -10px !important; } .carodaInstream .carodaImaOutstreamPlayer, .carodaInstream .carodaVvOutstreamPlayer, .carodaInstreamWithPositions .carodaImaOutstreamPlayer, .carodaInstreamWithPositions .carodaVvOutstreamPlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .carodaInstream .carodaImaOutstreamPlayer.loaded, .carodaInstream .carodaVvOutstreamPlayer.loaded, .carodaInstreamWithPositions .carodaImaOutstreamPlayer.loaded, .carodaInstreamWithPositions .carodaVvOutstreamPlayer.loaded { opacity: 1; } .carodaInstream .carodaImaOutstreamPlayer .caroda-player-ima, .carodaInstream .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstream .carodaVvOutstreamPlayer .caroda-player-ima, .carodaInstream .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstreamWithPositions .carodaImaOutstreamPlayer .caroda-player-ima, .carodaInstreamWithPositions .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstreamWithPositions .carodaVvOutstreamPlayer .caroda-player-ima, .carodaInstreamWithPositions .carodaVvOutstreamPlayer .caroda-player-vast-vpaid { height: 100%; padding-bottom: 0 !important; } .carodaInstream.adLoaded .caroda-player-content, .carodaInstreamWithPositions.adLoaded .caroda-player-content { padding-bottom: 56% !important; } .carodaInstreamWithPositions { z-index: 10; background: transparent; } .carodaSmartclipContainer:before { display: none; } .carodaSmartclipContainer.loaded { max-width: 100% !important; width: 400px; height: 240px !important; margin: auto; margin-top: var(--advertising-label-height); } .carodaSmartclipContainer.loaded:before { display: block; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; left: 0; right: 0; } .carodaSmartclipContainer.loaded > * { max-width: 100% !important; top: 15px !important; } .carodaSmartclipContainer.loaded .OutstreamPlayer__advertisementlabel { display: none; } .carodaMultiPosition { transition: all 0.6s, top 0s, left 0s, width 0s, height 0s, padding-top 0s, margin-top 0s, padding-bottom 0s, margin-bottom 0s; overflow-x: hidden; } .carodaMultiPosition .carodaTeadsContainer { height: 0 !important; } .carodaMultiPosition .carodaTeadsContainer.loaded { height: auto !important; } .carodaMultiPositionPlaceholder { border: 0; margin: 0; padding: 0; outline: 0; height: 0; } .carodaMultiPositionPlaceholderStickySentinel { height: 1px; width: 1px; float: right; margin-left: -1px; } .carodaTeadsPrebid .teads-ui-components-label { display: none !important; } .carodaAniview iframe { width: 100%; height: 0; border: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .carodaBannerOuterContainer { height: 0 !important; min-height: 0 !important; } .carodaBannerOuterContainer.loaded { height: auto !important; min-height: auto !important; } #carodaOutstream821223Container { min-height: 0.1px !important; margin-top: -16.875px !important; margin-bottom: 16.875px !important; } #carodaOutstream821223.carodaOutstreamSlider .sliderSpacer:before, #carodaOutstream821223 .carodaVvOutstreamPlayer:before, #carodaOutstream821223 .carodaImaOutstreamPlayer:before, #carodaOutstream821223 .carodaSmartclipContainer:before, #carodaOutstream821223 .carodaBannerContainer:before, #carodaOutstream821223 .carodaAniview:before { content: "Reklama"; } DIV#carodaOutstream821223Container.carodaContainer, DIV#carodaOutstream821223Container.carodaContainer > div { padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; } DIV#carodaOutstream821223Container.carodaContainer { min-height: 0.1px !important; margin-top: -16.875px !important; margin-bottom: 16.875px !important; } DIV#carodaOutstream821223Container.carodaContainer > div { margin-top: 0 !important; margin-bottom: 0 !important; } .caroda-ima-fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; } .caroda-content-fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; } :root { --caroda-horizontal-aspect-ratio-percentage: 56.25%; --caroda-horizontal-with-banner-aspect-ratio-percentage: 71.8%; --caroda-horizontal-4-3-aspect-ratio-percentage: 75%; --caroda-vertical-aspect-ratio-percentage: 177.78%; --caroda-vertical-3-4-aspect-ratio-percentage: 133.33%; --caroda-square-aspect-ratio-percentage: 100%; --advertising-label-height: 20px; --caroda-advertising-label-color: #333; } .carodaSafeFrame * { --caroda-horizontal-aspect-ratio-percentage: 100vh; --caroda-horizontal-with-banner-aspect-ratio-percentage: 100vh; --caroda-horizontal-4-3-aspect-ratio-percentage: 100vh; --caroda-vertical-aspect-ratio-percentage: 100vh; --caroda-vertical-3-4-aspect-ratio-percentage: 100vh; --caroda-square-aspect-ratio-percentage: 100vh; --advertising-label-height: 0; --caroda-advertising-label-color: #333; } .caroda-spinner-container { display: none; background: rgba(20, 20, 20, 0.9); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } .caroda-spinner { position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); border: 8px solid #ccc; border-top: 8px solid white; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .caroda-show-spinner .caroda-spinner-container { display: block; } .carodaOutstream .caroda-spinner-container { background: none; } @font-face { font-family: "caroda-replay-button"; } .carodaReplayButtonContainer { position: absolute; background: rgba(50, 50, 50, 0.4); } .carodaReplayButtonContainer .carodaReplayButton { transition: opacity 0.6s ease-out; opacity: 0.8; position: absolute; top: calc(50% - var(--advertising-label-height)); left: 50%; transform: translate(-50%, -50%); min-width: 50px; min-height: 50px; border: none; cursor: pointer; letter-spacing: 1.5px; background-color: transparent; color: white; text-shadow: -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black, -1px -1px 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, -1px 0 1px black; } .carodaReplayButtonContainer .carodaReplayButton.mobile, .carodaReplayButtonContainer .carodaReplayButton:hover { opacity: 1; } .carodaReplayButtonContainer .carodaReplayButton:before { font-family: "caroda-replay-button"; display: block; content: "\e984"; font-size: 45px; } .carodaReplayButtonContainer .carodaReplayButton:after { content: attr(title); position: absolute; top: 60px; left: 50%; transform: translate(-50%, 0); min-width: 100px; } .carodaReplayButtonContainer .carodaReplayButtonErrorMessage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .carodaReplayButtonContainer .carodaReplayButton:after, .carodaReplayButtonContainer .carodaReplayButtonErrorMessage { font-size: 12px !important; font-weight: bold !important; line-height: 1 !important; font-family: Arial, Helvetica, sans-serif !important; } .carodaSafeFrame .carodaReplayButton { top: 50vh; } .caroda-spinner-container.interstitial { background: rgba(255, 255, 255, 0.4); z-index: 9999999999999999999; transition: opacity 0.3s; opacity: 0; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; } .caroda-spinner-container.interstitial.caroda-interstitial-preload { z-index: -1; visibility: hidden; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 80vh; } @media (orientation: landscape) { .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { width: 60vw; max-width: 800px; } } @media (orientation: portrait) { .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { width: 100%; } } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaOutstream { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer.hidden .carodaOutstream { /* This allows the players to have width when being preloaded but not yet visible. */ position: relative; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaInterstitialClose { position: absolute; top: -5px; right: 0; font-size: 50px; line-height: 50px; color: #333; cursor: pointer; background: none; border: none; opacity: 0; transition: opacity 0.3s; padding: 0; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaInterstitialClose:before { content: "✖"; display: block; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaTeadsAdLabelContainer { height: 50px; position: relative; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaTeadsAdLabelContainer .carodaTeadsAdLabel { position: absolute; bottom: 15px; left: 0; font-size: 25px; text-align: center; transform: none; width: 100%; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded { height: 260px !important; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded > * { top: 25px !important; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded button.carodaInterstitialClose { margin-top: -30px; } .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer .caroda-spinner, .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer .carodaReplayButton { display: none; } .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer button.carodaInterstitialClose { opacity: 1; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded, .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded { margin-top: 0; padding-top: 45px; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded:before, .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { padding-top: 10px; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { margin-top: -45px; } .caroda-spinner-container.interstitial .carodaBannerContainer:before { top: 0px; } .caroda-spinner-container.interstitial .carodaOutstreamSlider .sliderSpacer:before { top: -35px; } .caroda-spinner-container.interstitial .carodaOutstream.carodaOutstreamSlider .sliderSpacer { margin-top: 45px; } .caroda-spinner-container.interstitial .carodaSmartclipContainer.loaded:before { margin-top: -10px; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer { top: 0; margin-top: calc( var(--caroda-horizontal-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer:before { margin-top: calc( calc(var(--caroda-horizontal-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner:before { margin-top: calc( calc(var(--caroda-horizontal-with-banner-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 { margin-top: calc( var(--caroda-horizontal-4-3-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3:before { margin-top: calc( calc(var(--caroda-horizontal-4-3-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical { margin-top: calc( var(--caroda-vertical-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical:before { margin-top: calc( calc(var(--caroda-vertical-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 { margin-top: calc( var(--caroda-vertical-3-4-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4:before { margin-top: calc( calc(var(--caroda-vertical-3-4-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-square, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-square { margin-top: calc( var(--caroda-square-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-square:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-square:before { margin-top: calc( calc(var(--caroda-square-aspect-ratio-percentage) * -1) - 15px ); } .caroda-show-spinner .caroda-spinner-container.interstitial { opacity: 1; visibility: visible; } .caroda-show-spinner .caroda-spinner-container.interstitial.hidden { visibility: hidden; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder { position: relative; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder:before { box-sizing: border-box; content: ""; display: block; height: calc(100% - var(--advertising-label-height)); left: 0; margin-top: var(--advertising-label-height); position: absolute; top: 0; width: 100%; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder .carodaOutstream { position: sticky; top: 0; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaSmartclipContainer.loaded { margin-top: 5px; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaBannerContainer:before, .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaAniview:before { margin-bottom: 6px; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaBannerContainer .carodaBanner > *:first-child, .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaAniview .carodaBanner > *:first-child { display: block; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder:before { margin-top: 0; height: 100%; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder { position: absolute; overflow-x: unset; overflow-y: unset; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream { position: sticky; } button.caroda-download-logs { position: fixed; bottom: 2rem; left: 2rem; z-index: 99999999; } .carodaContainer { position: relative; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) { font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; overflow: hidden; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview { position: relative; overflow: hidden; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer:not(.loaded), .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview:not(.loaded) { visibility: hidden; pointer-events: none; min-height: 200px; aspect-ratio: 1 / 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded { margin-top: 5px; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { display: block; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner { overflow: hidden; text-align: center; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner > * > iframe, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner > * > iframe, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner > * { margin: 0px auto; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner .teads-inread, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner .teads-inread { height: auto; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer { position: relative; opacity: 0; margin-top: -10px !important; padding: 0 !important; transition: opacity 0.6s ease-out; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; top: -18px; left: 50%; transform: translate(-50%, 0); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer .caroda-player-vast-vpaid { position: absolute !important; bottom: 0; left: 0; width: 100%; height: 0; overflow: show; padding-bottom: var(--caroda-horizontal-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-ima { padding-bottom: var( --caroda-horizontal-with-banner-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-ima { padding-bottom: var( --caroda-horizontal-4-3-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical .caroda-player-ima { padding-bottom: var(--caroda-vertical-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-ima { padding-bottom: var(--caroda-vertical-3-4-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-square .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-square .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-square .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-square .caroda-player-ima { padding-bottom: var(--caroda-square-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer:not(.loaded) { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 100% !important; visibility: hidden !important; pointer-events: none !important; margin-top: -10px !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer { margin-top: calc( var(--caroda-horizontal-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; opacity: 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer > * { transition: opacity 0.6s ease-out; opacity: 0; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.loaded > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.loaded > * { opacity: 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer:before { display: block; margin-top: calc(var(--caroda-horizontal-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner:before { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) * -1 ); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 { margin-top: calc( var(--caroda-horizontal-4-3-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3:before { margin-top: calc(var(--caroda-horizontal-4-3-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical { margin-top: calc( var(--caroda-vertical-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical:before { margin-top: calc(var(--caroda-vertical-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 { margin-top: calc( var(--caroda-vertical-3-4-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4:before { margin-top: calc(var(--caroda-vertical-3-4-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-square, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-square { margin-top: calc( var(--caroda-square-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-square:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-square:before { margin-top: calc(var(--caroda-square-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstreamSlider { font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; overflow: hidden; position: relative; margin: 0; } .carodaContainer > .carodaOutstreamSlider .sliderSpacer:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer:before { display: block !important; } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer { position: relative; background: #000; margin-top: var(--advertising-label-height); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer.transparent { background: transparent; } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-horizontal { padding-top: var(--caroda-horizontal-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-horizontal-4-3 { padding-top: var(--caroda-horizontal-4-3-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-square { padding-top: var(--caroda-square-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-vertical-3-4 { padding-top: var(--caroda-vertical-3-4-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-vertical { padding-top: var(--caroda-vertical-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer { position: relative; opacity: 0 !important; padding: 0 !important; padding-top: 0 !important; transition: opacity 0.6s ease-out; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer:before, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer:before { display: none; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer.loaded, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer.loaded { opacity: 1 !important; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer .caroda-player-ima { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 0 !important; overflow: show !important; } .carodaContainer > .carodaOutstreamSlider.format-horizontal .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-horizontal .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-horizontal-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-horizontal-4-3 .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-horizontal-4-3 .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var( --caroda-horizontal-4-3-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstreamSlider.format-vertical .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-vertical .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-vertical-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-vertical-3-4 .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-vertical-3-4 .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-vertical-3-4-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-square .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-square .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-square-aspect-ratio-percentage) !important; } .carodaInstream:not(.carodaFullscreen), .carodaInstreamWithPositions:not(.carodaFullscreen) { position: relative; } .carodaInstream .carodaImaOutstreamPlayer:not(.loaded), .carodaInstreamWithPositions .carodaImaOutstreamPlayer:not(.loaded) { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 100% !important; visibility: hidden !important; pointer-events: none !important; margin-top: -10px !important; } .carodaInstream .carodaImaOutstreamPlayer, .carodaInstream .carodaVvOutstreamPlayer, .carodaInstreamWithPositions .carodaImaOutstreamPlayer, .carodaInstreamWithPositions .carodaVvOutstreamPlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .carodaInstream .carodaImaOutstreamPlayer.loaded, .carodaInstream .carodaVvOutstreamPlayer.loaded, .carodaInstreamWithPositions .carodaImaOutstreamPlayer.loaded, .carodaInstreamWithPositions .carodaVvOutstreamPlayer.loaded { opacity: 1; } .carodaInstream .carodaImaOutstreamPlayer .caroda-player-ima, .carodaInstream .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstream .carodaVvOutstreamPlayer .caroda-player-ima, .carodaInstream .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstreamWithPositions .carodaImaOutstreamPlayer .caroda-player-ima, .carodaInstreamWithPositions .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstreamWithPositions .carodaVvOutstreamPlayer .caroda-player-ima, .carodaInstreamWithPositions .carodaVvOutstreamPlayer .caroda-player-vast-vpaid { height: 100%; padding-bottom: 0 !important; } .carodaInstream.adLoaded .caroda-player-content, .carodaInstreamWithPositions.adLoaded .caroda-player-content { padding-bottom: 56% !important; } .carodaInstreamWithPositions { z-index: 10; background: transparent; } .carodaSmartclipContainer:before { display: none; } .carodaSmartclipContainer.loaded { max-width: 100% !important; width: 400px; height: 240px !important; margin: auto; margin-top: var(--advertising-label-height); } .carodaSmartclipContainer.loaded:before { display: block; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; left: 0; right: 0; } .carodaSmartclipContainer.loaded > * { max-width: 100% !important; top: 15px !important; } .carodaSmartclipContainer.loaded .OutstreamPlayer__advertisementlabel { display: none; } .carodaMultiPosition { transition: all 0.6s, top 0s, left 0s, width 0s, height 0s, padding-top 0s, margin-top 0s, padding-bottom 0s, margin-bottom 0s; overflow-x: hidden; } .carodaMultiPosition .carodaTeadsContainer { height: 0 !important; } .carodaMultiPosition .carodaTeadsContainer.loaded { height: auto !important; } .carodaMultiPositionPlaceholder { border: 0; margin: 0; padding: 0; outline: 0; height: 0; } .carodaMultiPositionPlaceholderStickySentinel { height: 1px; width: 1px; float: right; margin-left: -1px; } .carodaTeadsPrebid .teads-ui-components-label { display: none !important; } .carodaAniview iframe { width: 100%; height: 0; border: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .carodaBannerOuterContainer { height: 0 !important; min-height: 0 !important; } .carodaBannerOuterContainer.loaded { height: auto !important; min-height: auto !important; } .fb_hidden { position: absolute; top: -10000px; z-index: 10001; } .fb_reposition { overflow: hidden; position: relative; } .fb_invisible { display: none; } .fb_reset { background: none; border: 0; border-spacing: 0; color: #000; cursor: auto; direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 1; margin: 0; overflow: visible; padding: 0; text-align: left; text-decoration: none; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_reset > div { overflow: hidden; } @keyframes fb_transform { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .fb_animate { animation: fb_transform 0.3s forwards; } .fb_dialog { background: rgba(82, 82, 82, 0.7); position: absolute; top: -10000px; z-index: 10001; } .fb_dialog_advanced { border-radius: 8px; padding: 10px; } .fb_dialog_content { background: #fff; color: #373737; } .fb_dialog_close_icon { background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 15px; position: absolute; right: 18px; top: 17px; width: 15px; } .fb_dialog_mobile .fb_dialog_close_icon { left: 5px; right: auto; top: 5px; } .fb_dialog_padding { background-color: transparent; position: absolute; width: 1px; z-index: -1; } .fb_dialog_close_icon:hover { background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent; } .fb_dialog_close_icon:active { background: url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent; } .fb_dialog_iframe { line-height: 0; } .fb_dialog_content .dialog_title { background: #6d84b4; border: 1px solid #365899; color: #fff; font-size: 14px; font-weight: bold; margin: 0; } .fb_dialog_content .dialog_title > span { background: url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%; float: left; padding: 5px 0 7px 26px; } body.fb_hidden { height: 100%; left: 0; margin: 0; overflow: visible; position: absolute; top: -10000px; transform: none; width: 100%; } .fb_dialog.fb_dialog_mobile.loading { background: url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%; min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0; z-index: 10001; } .fb_dialog.fb_dialog_mobile.loading.centered { background: none; height: auto; min-height: initial; min-width: initial; width: auto; } .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner { width: 100%; } .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content { background: none; } .loading.centered #fb_dialog_loader_close { clear: both; color: #fff; display: block; font-size: 18px; padding-top: 20px; } #fb-root #fb_dialog_ipad_overlay { background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; min-height: 100%; position: absolute; right: 0; top: 0; width: 100%; z-index: 10000; } #fb-root #fb_dialog_ipad_overlay.hidden { display: none; } .fb_dialog.fb_dialog_mobile.loading iframe { visibility: hidden; } .fb_dialog_mobile .fb_dialog_iframe { position: sticky; top: 0; } .fb_dialog_content .dialog_header { background: linear-gradient(from(#738aba), to(#2c4987)); border-bottom: 1px solid; border-color: #043b87; box-shadow: white 0 1px 1px -1px inset; color: #fff; font: bold 14px Helvetica, sans-serif; text-overflow: ellipsis; text-shadow: rgba(0, 30, 84, 0.296875) 0 -1px 0; vertical-align: middle; white-space: nowrap; } .fb_dialog_content .dialog_header table { height: 43px; width: 100%; } .fb_dialog_content .dialog_header td.header_left { font-size: 12px; padding-left: 5px; vertical-align: middle; width: 60px; } .fb_dialog_content .dialog_header td.header_right { font-size: 12px; padding-right: 5px; vertical-align: middle; width: 60px; } .fb_dialog_content .touchable_button { background: linear-gradient(from(#4267b2), to(#2a4887)); background-clip: padding-box; border: 1px solid #29487d; border-radius: 3px; display: inline-block; line-height: 18px; margin-top: 3px; max-width: 85px; padding: 4px 12px; position: relative; } .fb_dialog_content .dialog_header .touchable_button input { background: none; border: none; color: #fff; font: bold 12px Helvetica, sans-serif; margin: 2px -12px; padding: 2px 6px 3px 6px; text-shadow: rgba(0, 30, 84, 0.296875) 0 -1px 0; } .fb_dialog_content .dialog_header .header_center { color: #fff; font-size: 16px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle; } .fb_dialog_content .dialog_content { background: url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%; border: 1px solid #4a4a4a; border-bottom: 0; border-top: 0; height: 150px; } .fb_dialog_content .dialog_footer { background: #f5f6f7; border: 1px solid #4a4a4a; border-top-color: #ccc; height: 40px; } #fb_dialog_loader_close { float: left; } .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon { visibility: hidden; } #fb_dialog_loader_spinner { animation: rotateSpinner 1.2s linear infinite; background-color: transparent; background-image: url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png); background-position: 50% 50%; background-repeat: no-repeat; height: 24px; width: 24px; } @keyframes rotateSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fb_iframe_widget { display: inline-block; position: relative; } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; } .fb_iframe_widget iframe { position: absolute; } .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { max-width: 100%; } .fb_iframe_widget_fluid_desktop iframe { min-width: 220px; position: relative; } .fb_iframe_widget_lift { z-index: 1; } .fb_iframe_widget_fluid { display: inline; } .fb_iframe_widget_fluid span { width: 100%; } .fb_mpn_mobile_landing_page_slide_out { animation-duration: 200ms; animation-name: fb_mpn_landing_page_slide_out; transition-timing-function: ease-in; } .fb_mpn_mobile_landing_page_slide_out_from_left { animation-duration: 200ms; animation-name: fb_mpn_landing_page_slide_out_from_left; transition-timing-function: ease-in; } .fb_mpn_mobile_landing_page_slide_up { animation-duration: 500ms; animation-name: fb_mpn_landing_page_slide_up; transition-timing-function: ease-in; } .fb_mpn_mobile_bounce_in { animation-duration: 300ms; animation-name: fb_mpn_bounce_in; transition-timing-function: ease-in; } .fb_mpn_mobile_bounce_out { animation-duration: 300ms; animation-name: fb_mpn_bounce_out; transition-timing-function: ease-in; } .fb_mpn_mobile_bounce_out_v2 { animation-duration: 300ms; animation-name: fb_mpn_fade_out; transition-timing-function: ease-in; } .fb_customer_chat_bounce_in_v2 { animation-duration: 300ms; animation-name: fb_bounce_in_v2; transition-timing-function: ease-in; } .fb_customer_chat_bounce_in_from_left { animation-duration: 300ms; animation-name: fb_bounce_in_from_left; transition-timing-function: ease-in; } .fb_customer_chat_bounce_out_v2 { animation-duration: 300ms; animation-name: fb_bounce_out_v2; transition-timing-function: ease-in; } .fb_customer_chat_bounce_out_from_left { animation-duration: 300ms; animation-name: fb_bounce_out_from_left; transition-timing-function: ease-in; } .fb_invisible_flow { display: inherit; height: 0; overflow-x: hidden; width: 0; } @keyframes fb_mpn_landing_page_slide_out { 0% { margin: 0 12px; width: 100% - 24px; } 60% { border-radius: 18px; } 100% { border-radius: 50%; margin: 0 24px; width: 60px; } } @keyframes fb_mpn_landing_page_slide_out_from_left { 0% { left: 12px; width: 100% - 24px; } 60% { border-radius: 18px; } 100% { border-radius: 50%; left: 12px; width: 60px; } } @keyframes fb_mpn_landing_page_slide_up { 0% { bottom: 0; opacity: 0; } 100% { bottom: 24px; opacity: 1; } } @keyframes fb_mpn_bounce_in { 0% { opacity: 0.5; top: 100%; } 100% { opacity: 1; top: 0; } } @keyframes fb_mpn_fade_out { 0% { bottom: 30px; opacity: 1; } 100% { bottom: 0; opacity: 0; } } @keyframes fb_mpn_bounce_out { 0% { opacity: 1; top: 0; } 100% { opacity: 0.5; top: 100%; } } @keyframes fb_bounce_in_v2 { 0% { opacity: 0; transform: scale(0, 0); transform-origin: bottom right; } 50% { transform: scale(1.03, 1.03); transform-origin: bottom right; } 100% { opacity: 1; transform: scale(1, 1); transform-origin: bottom right; } } @keyframes fb_bounce_in_from_left { 0% { opacity: 0; transform: scale(0, 0); transform-origin: bottom left; } 50% { transform: scale(1.03, 1.03); transform-origin: bottom left; } 100% { opacity: 1; transform: scale(1, 1); transform-origin: bottom left; } } @keyframes fb_bounce_out_v2 { 0% { opacity: 1; transform: scale(1, 1); transform-origin: bottom right; } 100% { opacity: 0; transform: scale(0, 0); transform-origin: bottom right; } } @keyframes fb_bounce_out_from_left { 0% { opacity: 1; transform: scale(1, 1); transform-origin: bottom left; } 100% { opacity: 0; transform: scale(0, 0); transform-origin: bottom left; } } @keyframes slideInFromBottom { 0% { opacity: 0.1; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slideInFromBottomDelay { 0% { opacity: 0; transform: translateY(100%); } 97% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } .caroda-ima-fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; } .caroda-content-fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; width: 100% !important; padding: 0 !important; } :root { --caroda-horizontal-aspect-ratio-percentage: 56.25%; --caroda-horizontal-with-banner-aspect-ratio-percentage: 71.8%; --caroda-horizontal-4-3-aspect-ratio-percentage: 75%; --caroda-vertical-aspect-ratio-percentage: 177.78%; --caroda-vertical-3-4-aspect-ratio-percentage: 133.33%; --caroda-square-aspect-ratio-percentage: 100%; --advertising-label-height: 20px; --caroda-advertising-label-color: #333; } .carodaSafeFrame * { --caroda-horizontal-aspect-ratio-percentage: 100vh; --caroda-horizontal-with-banner-aspect-ratio-percentage: 100vh; --caroda-horizontal-4-3-aspect-ratio-percentage: 100vh; --caroda-vertical-aspect-ratio-percentage: 100vh; --caroda-vertical-3-4-aspect-ratio-percentage: 100vh; --caroda-square-aspect-ratio-percentage: 100vh; --advertising-label-height: 0; --caroda-advertising-label-color: #333; } .caroda-spinner-container { display: none; background: rgba(20, 20, 20, 0.9); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; } .caroda-spinner { position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); border: 8px solid #ccc; border-top: 8px solid white; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .caroda-show-spinner .caroda-spinner-container { display: block; } .carodaOutstream .caroda-spinner-container { background: none; } @font-face { font-family: "caroda-replay-button"; } .carodaReplayButtonContainer { position: absolute; background: rgba(50, 50, 50, 0.4); } .carodaReplayButtonContainer .carodaReplayButton { transition: opacity 0.6s ease-out; opacity: 0.8; position: absolute; top: calc(50% - var(--advertising-label-height)); left: 50%; transform: translate(-50%, -50%); min-width: 50px; min-height: 50px; border: none; cursor: pointer; letter-spacing: 1.5px; background-color: transparent; color: white; text-shadow: -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black, -1px -1px 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black, -1px 0 1px black; } .carodaReplayButtonContainer .carodaReplayButton.mobile, .carodaReplayButtonContainer .carodaReplayButton:hover { opacity: 1; } .carodaReplayButtonContainer .carodaReplayButton:before { font-family: "caroda-replay-button"; display: block; content: "\e984"; font-size: 45px; } .carodaReplayButtonContainer .carodaReplayButton:after { content: attr(title); position: absolute; top: 60px; left: 50%; transform: translate(-50%, 0); min-width: 100px; } .carodaReplayButtonContainer .carodaReplayButtonErrorMessage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .carodaReplayButtonContainer .carodaReplayButton:after, .carodaReplayButtonContainer .carodaReplayButtonErrorMessage { font-size: 12px !important; font-weight: bold !important; line-height: 1 !important; font-family: Arial, Helvetica, sans-serif !important; } .carodaSafeFrame .carodaReplayButton { top: 50vh; } .caroda-spinner-container.interstitial { background: rgba(255, 255, 255, 0.4); z-index: 9999999999999999999; transition: opacity 0.3s; opacity: 0; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; } .caroda-spinner-container.interstitial.caroda-interstitial-preload { z-index: -1; visibility: hidden; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 80vh; } @media (orientation: landscape) { .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { width: 60vw; max-width: 800px; } } @media (orientation: portrait) { .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer { width: 100%; } } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaOutstream { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer.hidden .carodaOutstream { /* This allows the players to have width when being preloaded but not yet visible. */ position: relative; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaInterstitialClose { position: absolute; top: -5px; right: 0; font-size: 50px; line-height: 50px; color: #333; cursor: pointer; background: none; border: none; opacity: 0; transition: opacity 0.3s; padding: 0; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaInterstitialClose:before { content: "✖"; display: block; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaTeadsAdLabelContainer { height: 50px; position: relative; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaTeadsAdLabelContainer .carodaTeadsAdLabel { position: absolute; bottom: 15px; left: 0; font-size: 25px; text-align: center; transform: none; width: 100%; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded { height: 260px !important; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded > * { top: 25px !important; } .caroda-spinner-container.interstitial .carodaInterstitialPlayerContainer.carodaContainer .carodaSmartclipContainer.loaded button.carodaInterstitialClose { margin-top: -30px; } .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer .caroda-spinner, .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer .carodaReplayButton { display: none; } .caroda-spinner-container.interstitial.carodaLoaded .carodaInterstitialPlayerContainer.carodaContainer button.carodaInterstitialClose { opacity: 1; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded, .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded { margin-top: 0; padding-top: 45px; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded:before, .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { padding-top: 10px; } .caroda-spinner-container.interstitial .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { margin-top: -45px; } .caroda-spinner-container.interstitial .carodaBannerContainer:before { top: 0px; } .caroda-spinner-container.interstitial .carodaOutstreamSlider .sliderSpacer:before { top: -35px; } .caroda-spinner-container.interstitial .carodaOutstream.carodaOutstreamSlider .sliderSpacer { margin-top: 45px; } .caroda-spinner-container.interstitial .carodaSmartclipContainer.loaded:before { margin-top: -10px; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer { top: 0; margin-top: calc( var(--caroda-horizontal-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer:before { margin-top: calc( calc(var(--caroda-horizontal-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner:before { margin-top: calc( calc(var(--caroda-horizontal-with-banner-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 { margin-top: calc( var(--caroda-horizontal-4-3-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3:before { margin-top: calc( calc(var(--caroda-horizontal-4-3-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical { margin-top: calc( var(--caroda-vertical-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical:before { margin-top: calc( calc(var(--caroda-vertical-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 { margin-top: calc( var(--caroda-vertical-3-4-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4:before { margin-top: calc( calc(var(--caroda-vertical-3-4-aspect-ratio-percentage) * -1) - 15px ); } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-square, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-square { margin-top: calc( var(--caroda-square-aspect-ratio-percentage) + 45px ) !important; } .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaImaOutstreamPlayer.outstreamFormat-square:before, .caroda-spinner-container.interstitial .carodaOutstream:not(.carodaOutstreamSlider) div.carodaVvOutstreamPlayer.outstreamFormat-square:before { margin-top: calc( calc(var(--caroda-square-aspect-ratio-percentage) * -1) - 15px ); } .caroda-show-spinner .caroda-spinner-container.interstitial { opacity: 1; visibility: visible; } .caroda-show-spinner .caroda-spinner-container.interstitial.hidden { visibility: hidden; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder { position: relative; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder:before { box-sizing: border-box; content: ""; display: block; height: calc(100% - var(--advertising-label-height)); left: 0; margin-top: var(--advertising-label-height); position: absolute; top: 0; width: 100%; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder .carodaOutstream { position: sticky; top: 0; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaSmartclipContainer.loaded { margin-top: 5px; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaBannerContainer:before, .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaAniview:before { margin-bottom: 6px; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaBannerContainer .carodaBanner > *:first-child, .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream .carodaAniview .carodaBanner > *:first-child { display: block; } .carodaExtendedVerticalContainer.carodaMultiPositionPlaceholder:before { margin-top: 0; height: 100%; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder { position: absolute; overflow-x: unset; overflow-y: unset; } .carodaMultiPosition.carodaUsingExtendedVerticalPlaceholder .carodaOutstream { position: sticky; } button.caroda-download-logs { position: fixed; bottom: 2rem; left: 2rem; z-index: 99999999; } .carodaContainer { position: relative; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) { font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; overflow: hidden; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview { position: relative; overflow: hidden; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer:not(.loaded), .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview:not(.loaded) { visibility: hidden; pointer-events: none; min-height: 200px; aspect-ratio: 1 / 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded { margin-top: 5px; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer.loaded:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview.loaded:before { display: block; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner { overflow: hidden; text-align: center; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner > * > iframe, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner > * > iframe, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner > * { margin: 0px auto; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaBannerContainer .carodaBanner .teads-inread, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaAniview .carodaBanner .teads-inread { height: auto; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer { position: relative; opacity: 0; margin-top: -10px !important; padding: 0 !important; transition: opacity 0.6s ease-out; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; top: -18px; left: 50%; transform: translate(-50%, 0); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer .caroda-player-vast-vpaid { position: absolute !important; bottom: 0; left: 0; width: 100%; height: 0; overflow: show; padding-bottom: var(--caroda-horizontal-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner .caroda-player-ima { padding-bottom: var( --caroda-horizontal-with-banner-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 .caroda-player-ima { padding-bottom: var( --caroda-horizontal-4-3-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical .caroda-player-ima { padding-bottom: var(--caroda-vertical-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 .caroda-player-ima { padding-bottom: var(--caroda-vertical-3-4-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-square .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaImaOutstreamPlayer.outstreamFormat-square .caroda-player-ima, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-square .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider) .carodaVvOutstreamPlayer.outstreamFormat-square .caroda-player-ima { padding-bottom: var(--caroda-square-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer:not(.loaded) { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 100% !important; visibility: hidden !important; pointer-events: none !important; margin-top: -10px !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer { margin-top: calc( var(--caroda-horizontal-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; opacity: 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer > * { transition: opacity 0.6s ease-out; opacity: 0; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.loaded > *, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.loaded > * { opacity: 1; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer:before { display: block; margin-top: calc(var(--caroda-horizontal-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-with-banner:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-with-banner:before { margin-top: calc( var(--caroda-horizontal-with-banner-aspect-ratio-percentage) * -1 ); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3 { margin-top: calc( var(--caroda-horizontal-4-3-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-horizontal-4-3:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-horizontal-4-3:before { margin-top: calc(var(--caroda-horizontal-4-3-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical { margin-top: calc( var(--caroda-vertical-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical:before { margin-top: calc(var(--caroda-vertical-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4 { margin-top: calc( var(--caroda-vertical-3-4-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-vertical-3-4:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-vertical-3-4:before { margin-top: calc(var(--caroda-vertical-3-4-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-square, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-square { margin-top: calc( var(--caroda-square-aspect-ratio-percentage) + var(--advertising-label-height) ) !important; } .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaImaOutstreamPlayer.outstreamFormat-square:before, .carodaContainer > .carodaOutstream:not(.carodaOutstreamSlider).adLoaded .carodaVvOutstreamPlayer.outstreamFormat-square:before { margin-top: calc(var(--caroda-square-aspect-ratio-percentage) * -1); } .carodaContainer > .carodaOutstreamSlider { font-size: 10px; line-height: 1; font-family: Arial, Helvetica, sans-serif; overflow: hidden; position: relative; margin: 0; } .carodaContainer > .carodaOutstreamSlider .sliderSpacer:before { display: none; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; top: -15px; left: 50%; transform: translate(-50%, 0); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer:before { display: block !important; } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer { position: relative; background: #000; margin-top: var(--advertising-label-height); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer.transparent { background: transparent; } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-horizontal { padding-top: var(--caroda-horizontal-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-horizontal-4-3 { padding-top: var(--caroda-horizontal-4-3-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-square { padding-top: var(--caroda-square-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-vertical-3-4 { padding-top: var(--caroda-vertical-3-4-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider.adLoaded .sliderSpacer-vertical { padding-top: var(--caroda-vertical-aspect-ratio-percentage); } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer { position: relative; opacity: 0 !important; padding: 0 !important; padding-top: 0 !important; transition: opacity 0.6s ease-out; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer:before, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer:before { display: none; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer.loaded, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer.loaded { opacity: 1 !important; } .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider .carodaVvOutstreamPlayer .caroda-player-ima, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider .carodaImaOutstreamPlayer .caroda-player-ima { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 0 !important; overflow: show !important; } .carodaContainer > .carodaOutstreamSlider.format-horizontal .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-horizontal .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-horizontal-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-horizontal-4-3 .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-horizontal-4-3 .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var( --caroda-horizontal-4-3-aspect-ratio-percentage ) !important; } .carodaContainer > .carodaOutstreamSlider.format-vertical .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-vertical .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-vertical-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-vertical-3-4 .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-vertical-3-4 .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-vertical-3-4-aspect-ratio-percentage) !important; } .carodaContainer > .carodaOutstreamSlider.format-square .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaContainer > .carodaOutstreamSlider.format-square .carodaImaOutstreamPlayer .caroda-player-ima { padding-bottom: var(--caroda-square-aspect-ratio-percentage) !important; } .carodaInstream:not(.carodaFullscreen), .carodaInstreamWithPositions:not(.carodaFullscreen) { position: relative; } .carodaInstream .carodaImaOutstreamPlayer:not(.loaded), .carodaInstreamWithPositions .carodaImaOutstreamPlayer:not(.loaded) { position: absolute !important; top: 0 !important; bottom: 0 !important; width: 100% !important; visibility: hidden !important; pointer-events: none !important; margin-top: -10px !important; } .carodaInstream .carodaImaOutstreamPlayer, .carodaInstream .carodaVvOutstreamPlayer, .carodaInstreamWithPositions .carodaImaOutstreamPlayer, .carodaInstreamWithPositions .carodaVvOutstreamPlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .carodaInstream .carodaImaOutstreamPlayer.loaded, .carodaInstream .carodaVvOutstreamPlayer.loaded, .carodaInstreamWithPositions .carodaImaOutstreamPlayer.loaded, .carodaInstreamWithPositions .carodaVvOutstreamPlayer.loaded { opacity: 1; } .carodaInstream .carodaImaOutstreamPlayer .caroda-player-ima, .carodaInstream .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstream .carodaVvOutstreamPlayer .caroda-player-ima, .carodaInstream .carodaVvOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstreamWithPositions .carodaImaOutstreamPlayer .caroda-player-ima, .carodaInstreamWithPositions .carodaImaOutstreamPlayer .caroda-player-vast-vpaid, .carodaInstreamWithPositions .carodaVvOutstreamPlayer .caroda-player-ima, .carodaInstreamWithPositions .carodaVvOutstreamPlayer .caroda-player-vast-vpaid { height: 100%; padding-bottom: 0 !important; } .carodaInstream.adLoaded .caroda-player-content, .carodaInstreamWithPositions.adLoaded .caroda-player-content { padding-bottom: 56% !important; } .carodaInstreamWithPositions { z-index: 10; background: transparent; } .carodaSmartclipContainer:before { display: none; } .carodaSmartclipContainer.loaded { max-width: 100% !important; width: 400px; height: 240px !important; margin: auto; margin-top: var(--advertising-label-height); } .carodaSmartclipContainer.loaded:before { display: block; text-align: center; color: var(--caroda-advertising-label-color); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; position: absolute; left: 0; right: 0; } .carodaSmartclipContainer.loaded > * { max-width: 100% !important; top: 15px !important; } .carodaSmartclipContainer.loaded .OutstreamPlayer__advertisementlabel { display: none; } .carodaMultiPosition { transition: all 0.6s, top 0s, left 0s, width 0s, height 0s, padding-top 0s, margin-top 0s, padding-bottom 0s, margin-bottom 0s; overflow-x: hidden; } .carodaMultiPosition .carodaTeadsContainer { height: 0 !important; } .carodaMultiPosition .carodaTeadsContainer.loaded { height: auto !important; } .carodaMultiPositionPlaceholder { border: 0; margin: 0; padding: 0; outline: 0; height: 0; } .carodaMultiPositionPlaceholderStickySentinel { height: 1px; width: 1px; float: right; margin-left: -1px; } .carodaTeadsPrebid .teads-ui-components-label { display: none !important; } .carodaAniview iframe { width: 100%; height: 0; border: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .carodaBannerOuterContainer { height: 0 !important; min-height: 0 !important; } .carodaBannerOuterContainer.loaded { height: auto !important; min-height: auto !important; } #carodaOutstream18993Container { min-height: 0.1px !important; margin-top: -16.875px !important; margin-bottom: 16.875px !important; } #carodaOutstream18993.carodaOutstreamSlider .sliderSpacer:before, #carodaOutstream18993 .carodaVvOutstreamPlayer:before, #carodaOutstream18993 .carodaImaOutstreamPlayer:before, #carodaOutstream18993 .carodaSmartclipContainer:before, #carodaOutstream18993 .carodaBannerContainer:before, #carodaOutstream18993 .carodaAniview:before { content: "Reklama"; } DIV#carodaOutstream18993Container.carodaContainer, DIV#carodaOutstream18993Container.carodaContainer > div { padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; } DIV#carodaOutstream18993Container.carodaContainer { min-height: 0.1px !important; margin-top: -16.875px !important; margin-bottom: 16.875px !important; } DIV#carodaOutstream18993Container.carodaContainer > div { margin-top: 0 !important; margin-bottom: 0 !important; } #didomi-host .didomi-components-button { cursor: pointer; display: block; height: 38px; padding: 0 20px; font-size: 16px; line-height: 18px; font-weight: bold; text-align: center; color: #555; background-color: #eee; border: solid 1px rgba(34, 34, 34, 0.2); } #didomi-host .didomi-components-button:disabled { opacity: 0.4; cursor: initial; } #didomi-host .didomi-components-button span { background: rgba(0, 0, 0, 0); } #didomi-host .didomi-mobile .didomi-components-button { font-size: 14px; } #didomi-host .didomi-screen-xsmall .didomi-components-button { padding: 0 10px; } #didomi-host .didomi-components-radio { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; } #didomi-host .didomi-components-radio__option { margin-right: 5px; cursor: pointer; height: 25px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); background-color: #fff; border: solid 1px #eee; padding: 0 20px; line-height: 12px; font-size: 12px; color: #757575; font-weight: bold; transition: background-color 200ms, border-color 200ms; transition-timing-function: ease; } #didomi-host .didomi-components-radio__option:hover { color: #757575; border-color: #757575; } #didomi-host .didomi-components-radio__option:last-child { margin-right: 0; } [dir="rtl"] #didomi-host .didomi-components-radio__option:last-child { margin-right: 5px; } #didomi-host .didomi-components-radio__option:first-child { margin-right: 5px; } [dir="rtl"] #didomi-host .didomi-components-radio__option:first-child { margin-right: 0; } #didomi-host .didomi-components-radio__option > svg { margin-right: 5px; } #didomi-host .didomi-components-radio__option span { background: rgba(0, 0, 0, 0); } #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree { background-color: #3d8548; color: #fff; border: solid 1px rgba(0, 0, 0, 0.3); padding: 0 11.5px; } #didomi-host .didomi-components-radio__option.didomi-components-radio__option--agree > svg { vertical-align: middle; } #didomi-host .didomi-components-radio__option.didomi-components-radio__option--disagree { background-color: #e60000; color: #fff; border: solid 1px rgba(0, 0, 0, 0.3); padding: 0 13.5px; } #didomi-host .didomi-components-radio__option__reporting { box-sizing: border-box; } #didomi-host .didomi-components-radio__option__reporting#didomi-radio-option-disagree-to-all { font-size: 12px !important; } #didomi-host .didomi-components-radio__option__reporting#didomi-radio-option-agree-to-all { font-size: 12px !important; } #didomi-host .didomi-components-radio__option__accepter { box-sizing: border-box; } #didomi-host .didomi-components-accordion { flex: 5; } #didomi-host .didomi-components-accordion .label-click { cursor: pointer; } #didomi-host .didomi-components-accordion .trigger-icon { width: 15px; font-size: 16px; display: inline-block; text-align: center; } #didomi-host .didomi-components-accordion .didomi-content { display: none; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; font-weight: 300; text-align: justify; transition: all 0.1s ease-in-out; transition-property: opacity, max-height, transform, visibility, padding-bottom; } #didomi-host .didomi-components-accordion .didomi-content.active { display: block; max-height: 3000px; opacity: 1; visibility: visible; padding-bottom: 10px; transition-property: opacity, max-height, transform, visibility; overflow: visible; } #didomi-host .didomi-components-accordion .didomi-components-accordion-label-container { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; } #didomi-host .didomi-components-accordion .didomi-components-accordion-label-container .label-click { flex: 2; } #didomi-host .didomi-mobile .didomi-components-accordion { width: 100%; flex: 1 auto; } #didomi-host .didomi-mobile .didomi-components-accordion .didomi-components-accordion-label-container { display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; -webkit-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; -moz-align-items: flex-start; align-items: flex-start; } #didomi-host .lds-ellipsis-container { display: flex; align-items: center; justify-content: center; height: 100%; } #didomi-host .lds-ellipsis-container .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } #didomi-host .lds-ellipsis-container .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #dcdcdc; animation-timing-function: cubic-bezier(0, 1, 1, 0); } #didomi-host .lds-ellipsis-container .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } #didomi-host .lds-ellipsis-container .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } #didomi-host .lds-ellipsis-container .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } #didomi-host .lds-ellipsis-container .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } #didomi-host .didomi-components-skip-link { position: absolute; top: -100px; left: -100px; margin-bottom: 16px; display: block; } #didomi-host .didomi-components-skip-link:focus { position: relative; top: 0; left: 0; } #didomi-host .didomi-popup-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); z-index: 2147483642; overflow: auto; display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; align-items: flex-start; } [dir="rtl"] #didomi-host .didomi-popup-backdrop { overflow-y: auto; overflow-x: hidden; } #didomi-host .didomi-exterior-border { border-style: solid; border-radius: 5px; border-width: 1px; padding: 1px; margin: auto; } #didomi-host .didomi-popup-container { background-color: #fff; opacity: 1; max-width: 650px; width: 100%; border-style: solid; border-radius: 3px; border-width: 1px; -webkit-overflow-scrolling: touch; } #didomi-host .didomi-popup-header { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; padding: 30px 20px 0; font-weight: bold; font-family: Arial; } #didomi-host .didomi-popup-body { padding: 30px 20px; } #didomi-host .didomi-popup-body .didomi-popup-body-section { margin-bottom: 22px; } #didomi-host .didomi-popup-body .didomi-popup-body-section:last-child { margin-bottom: 0; } #didomi-host .didomi-popup-footer { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; background-color: #fff; height: 58px; } #didomi-host .didomi-popup-footer .didomi-popup-actions { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: end; -moz-justify-content: flex-end; justify-content: flex-end; -moz-align-items: center; align-items: center; } #didomi-host .didomi-popup-footer .didomi-popup-actions div, #didomi-host .didomi-popup-footer .didomi-popup-actions button { margin-right: 10px; } [dir="rtl"] #didomi-host .didomi-popup-footer .didomi-popup-actions div, [dir="rtl"] #didomi-host .didomi-popup-footer .didomi-popup-actions button { margin-right: 0px; margin-left: 10px; } #didomi-host .didomi-popup-close { font-family: Arial; opacity: 0.5; font-size: 30px; font-weight: 500; line-height: 30px; color: #000; text-shadow: 0 1px 0 #fff; transition: 500ms; } #didomi-host .didomi-popup-close:hover { opacity: 0.7; } #didomi-host .didomi-mobile .didomi-popup { width: 100%; height: 100%; max-width: none; } body.didomi-popup-open { overflow: hidden !important; } body.didomi-popup-open-ios { position: fixed; width: 100%; } #didomi-host .didomi-notice-data-processing-container { padding-top: 15px; text-align: justify; font-size: 12px; line-height: 160%; } #didomi-host .didomi-notice-data-processing-container .didomi-notice-data-processing-title { color: #333; font-weight: bold; display: block; } #didomi-host .didomi-notice-data-processing-container .didomi-notice-data-processing-list { font-weight: bold; color: #526e7a; } #didomi-host .didomi-notice-data-processing-container .didomi-notice-data-processing-list .didomi-notice-data-processing-item { padding-top: 5px; } #didomi-host .didomi-notice-data-processing-container .didomi-notice-data-processing-list .didomi-notice-data-processing-item div { display: inline-block; } #didomi-host .didomi-notice-data-processing-container p { font-size: 12px; } #didomi-host .didomi-mobile .didomi-notice-data-processing-container .didomi-notice-data-processing-title { font-size: 11px; line-height: 160%; } #didomi-host .didomi-mobile .didomi-notice-data-processing-container .didomi-notice-data-processing-list { font-size: 11px; line-height: 160%; } #didomi-host .didomi-gpc-label { display: inline-block; width: 369.7px; height: 27.93px; background: #fff; border: 1px solid #3f8964; border-radius: 40px; } #didomi-host .didomi-gpc-label .left-container { display: inline-block; width: 173.7px; height: 27.93px; background: #3f8964; border-radius: 30px 0px 0px 30px; } #didomi-host .didomi-gpc-label .left-container .gpc-image { display: inline-block; width: 153.7px; height: 15.93px; margin: 5px 0 0 10px; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/cb5b80c89a9fda353482-gpc.large.png); background-size: cover; } #didomi-host .didomi-gpc-label .right-container { display: inline-block; width: 181px; height: 27.93px; } #didomi-host .didomi-gpc-label .right-container .gpc-title { position: relative; top: -4px; left: 5px; display: inline-block; width: 161px; height: 27.93px; font-family: "Arial"; font-style: italic; font-weight: 700; font-size: 12px; line-height: 27.93px; color: #3f8964; } #didomi-host .didomi-gpc-label .right-container .gpc-icon { position: relative; display: inline-block; width: 15px; height: 15px; left: 12px; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/d8d7828e2df9a281bd96-gpc.icon.large.png); background-size: cover; } #didomi-host .didomi-mobile .didomi-gpc-label { display: inline-block; width: 318.38px; height: 24px; background: #fff; border: 0.859518px solid #3f8964; border-radius: 34.3807px; } #didomi-host .didomi-mobile .didomi-gpc-label .left-container { display: inline-block; width: 149.3px; height: 24px; background: #3f8964; border-radius: 25.7855px 0px 0px 25.7855px; } #didomi-host .didomi-mobile .didomi-gpc-label .left-container .gpc-image { display: inline-block; width: 132.11px; height: 13.69px; margin: 5px 0 0 10px; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/6d53c29e73450d19e18a-gpc.medium.png); background-size: cover; } #didomi-host .didomi-mobile .didomi-gpc-label .right-container { display: inline-block; width: 156.19px; height: 15px; } #didomi-host .didomi-mobile .didomi-gpc-label .right-container .gpc-title { position: relative; top: -4px; left: 5px; display: inline-block; width: 139px; height: 15px; font-family: "Arial"; font-style: italic; font-weight: 700; font-size: 10.3142px; line-height: 15px; color: #3f8964; } #didomi-host .didomi-mobile .didomi-gpc-label .right-container .gpc-icon { position: relative; display: inline-block; width: 12.89px; height: 12.89px; left: 12px; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/2059cb26072bf78c2af3-gpc.icon.medium.png); background-size: cover; } #didomi-host .didomi-screen-xsmall .didomi-gpc-label { display: inline-block; width: 233.99px; height: 17.66px; background: #fff; border: 0.632445px solid #3f8964; border-radius: 25.2978px; } #didomi-host .didomi-screen-xsmall .didomi-gpc-label .left-container { display: inline-block; width: 109.86px; height: 17.66px; background: #3f8964; border-radius: 18.9734px 0px 0px 18.9734px; } #didomi-host .didomi-screen-xsmall .didomi-gpc-label .left-container .gpc-image { display: inline-block; width: 97.21px; height: 10.07px; margin: 3px 0 0 6px; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/73e53fb633306e475eef-gpc.small.png); background-size: cover; } #didomi-host .didomi-screen-xsmall .didomi-gpc-label .right-container { display: inline-block; width: 114.65px; height: 11px; } #didomi-host .didomi-screen-xsmall .didomi-gpc-label .right-container .gpc-title { position: relative; top: -2px; left: 5px; display: inline-block; width: 102px; height: 11px; font-family: "Arial"; font-style: italic; font-weight: 700; font-size: 7.58934px; line-height: 11px; color: #3f8964; } #didomi-host .didomi-screen-xsmall .didomi-gpc-label .right-container .gpc-icon { position: relative; display: inline-block; width: 9.49px; height: 9.49px; left: 9px; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/178a6780e8762f4b120b-gpc.icon.small.png); background-size: cover; } #didomi-host .didomi-vendors-iab-label { display: inline-block; margin-left: 5px; padding: 1px 4px; border-radius: 2px; background: #fff; font-weight: 800; font-size: 10px; color: #757575; line-height: 100%; } [dir="rtl"] #didomi-host .didomi-vendors-iab-label { margin-left: 0px; margin-right: 5px; } #didomi-host .didomi-switch { position: relative; display: inline-block; width: 56px; height: 28px; } #didomi-host .didomi-switch input { opacity: 0; width: 100%; height: 100%; } #didomi-host .didomi-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; border: 1px solid #e60000; border-radius: 24px; transition: 0.4s; } #didomi-host .didomi-slider::before { position: absolute; content: ""; height: 20px; width: 20px; left: 5px; bottom: 3px; border-radius: 50%; background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/b76a404a9fedcf3f2c2f-toggle-cross.svg); background-size: cover; transition: 0.4s; } #didomi-host input:checked + .didomi-slider { border: 1px solid #3d8548; border-radius: 24px; } #didomi-host input:focus + .didomi-slider { box-shadow: 0 0 1px #2196f3; outline: #4d90fe auto 1px; } #didomi-host input:checked + .didomi-slider::before { transform: translateX(23px); background-image: url(https://sdk.privacy-center.org/sdk/a5386c71ace933b68bf9d5bfe58476ae2b28e6d2/modern/images/0b30234b8ef077d3d0a4-toggle-check.svg); background-size: cover; } #didomi-host .didomi-components-explanation-text { background: #f4f4f4; border-radius: 7px; padding: 7px 12px; font-size: 12px; line-height: 160%; margin-bottom: 32px; } @namespace svg "http://www.w3.org/2000/svg"; #didomi-host { all: initial; -ms-overflow-style: auto; -moz-appearance: none; -moz-binding: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; -moz-context-properties: none; -moz-float-edge: content-box; -moz-force-broken-image-icon: 0; -moz-image-region: auto; -moz-orient: inline; -moz-outline-radius-bottomleft: 0; -moz-outline-radius-bottomright: 0; -moz-outline-radius-topleft: 0; -moz-outline-radius-topright: 0; -moz-stack-sizing: stretch-to-fit; -moz-text-blink: none; -moz-user-focus: none; -moz-user-input: auto; -moz-user-modify: read-only; -moz-window-shadow: default; -webkit-border-before-color: currentcolor; -webkit-border-before-style: none; -webkit-border-before-width: medium; -webkit-box-reflect: none; -webkit-mask-attachment: scroll; -webkit-mask-clip: border; -webkit-mask-composite: source-over; -webkit-mask-image: none; -webkit-mask-origin: padding; -webkit-mask-position: 0% 0%; -webkit-mask-position-x: 0%; -webkit-mask-position-y: 0%; -webkit-mask-repeat: repeat; -webkit-mask-repeat-x: repeat; -webkit-mask-repeat-y: repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-stroke-color: currentcolor; -webkit-text-stroke-width: 0; -webkit-touch-callout: default; align-content: stretch; align-items: stretch; align-self: auto; animation-delay: 0s; animation-direction: normal; animation-duration: 0s; animation-fill-mode: none; animation-iteration-count: 1; animation-name: none; animation-play-state: running; animation-timing-function: ease; azimuth: center; -webkit-backface-visibility: visible; backface-visibility: visible; background-attachment: scroll; background-blend-mode: normal; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: none; background-origin: padding-box; background-position: 0% 0%; background-repeat: repeat; background-size: auto auto; block-size: auto; border-block-end-color: currentcolor; border-block-end-style: none; border-block-end-width: medium; border-block-start-color: currentcolor; border-block-start-style: none; border-block-start-width: medium; border-bottom-color: currentcolor; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; border-bottom-width: medium; border-collapse: separate; border-image-outset: 0s; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-inline-end-color: currentcolor; border-inline-end-style: none; border-inline-end-width: medium; border-inline-start-color: currentcolor; border-inline-start-style: none; border-inline-start-width: medium; border-left-color: currentcolor; border-left-style: none; border-left-width: medium; border-right-color: currentcolor; border-right-style: none; border-right-width: medium; border-spacing: 0; border-top-color: currentcolor; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; border-top-width: medium; bottom: auto; box-align: stretch; -webkit-box-decoration-break: slice; box-decoration-break: slice; box-direction: normal; box-flex: 0; box-flex-group: 1; box-lines: single; box-ordinal-group: 1; box-orient: initial; box-pack: start; box-shadow: none; box-sizing: content-box; -moz-column-break-after: auto; break-after: auto; -moz-column-break-before: auto; break-before: auto; -moz-column-break-inside: auto; break-inside: auto; caption-side: top; caret-color: auto; clear: none; clip: auto; -webkit-clip-path: none; clip-path: none; color: initial; -moz-column-count: auto; column-count: auto; -moz-column-fill: balance; column-fill: balance; -moz-column-gap: normal; column-gap: normal; -moz-column-rule-color: currentcolor; column-rule-color: currentcolor; -moz-column-rule-style: none; column-rule-style: none; -moz-column-rule-width: medium; column-rule-width: medium; -moz-column-span: none; column-span: none; -moz-column-width: auto; column-width: auto; content: normal; counter-increment: none; counter-reset: none; cursor: auto; empty-cells: show; filter: none; flex-basis: auto; flex-direction: row; flex-grow: 0; flex-shrink: 1; flex-wrap: nowrap; float: none; font-family: initial; font-feature-settings: normal; -webkit-font-kerning: auto; font-kerning: auto; font-language-override: normal; font-size: medium; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-variant-alternates: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-variant-position: normal; font-weight: normal; grid-auto-columns: auto; grid-auto-flow: row; grid-auto-rows: auto; grid-column-end: auto; grid-column-gap: 0; grid-column-start: auto; grid-row-end: auto; grid-row-gap: 0; grid-row-start: auto; grid-template-areas: none; grid-template-columns: none; grid-template-rows: none; height: auto; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; image-orientation: 0deg; image-rendering: auto; image-resolution: 1dppx; ime-mode: auto; inline-size: auto; isolation: auto; justify-content: flex-start; left: auto; letter-spacing: normal; line-break: auto; line-height: normal; list-style-image: none; list-style-position: outside; list-style-type: disc; -webkit-margin-after: 0; margin-block-end: 0; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; -webkit-margin-end: 0; margin-inline-end: 0; -webkit-margin-start: 0; margin-inline-start: 0; margin-left: 0; margin-right: 0; margin-top: 0; marker-offset: auto; -webkit-mask-clip: border-box; mask-clip: border-box; -webkit-mask-composite: source-over; mask-composite: add; mask-image: none; mask-mode: match-source; -webkit-mask-origin: border-box; mask-origin: border-box; mask-position: 0% 0%; mask-repeat: repeat; -webkit-mask-size: auto; mask-size: auto; mask-type: luminance; max-height: none; max-width: none; min-block-size: 0; min-height: 0; min-inline-size: 0; min-width: 0; mix-blend-mode: normal; object-fit: fill; object-position: 50% 50%; offset-block-end: auto; offset-block-start: auto; offset-inline-end: auto; offset-inline-start: auto; opacity: 1; order: 0; orphans: 2; outline-color: initial; outline-offset: 0; outline-style: none; outline-width: medium; overflow: visible; overflow-clip-box: padding-box; overflow-wrap: normal; overflow-x: visible; overflow-y: visible; -webkit-padding-after: 0; padding-block-end: 0; -webkit-padding-before: 0; padding-block-start: 0; padding-bottom: 0; -webkit-padding-end: 0; padding-inline-end: 0; -webkit-padding-start: 0; padding-inline-start: 0; padding-left: 0; padding-right: 0; padding-top: 0; page-break-after: auto; page-break-before: auto; page-break-inside: auto; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; position: static; quotes: initial; resize: none; right: auto; ruby-align: space-around; ruby-merge: separate; ruby-position: over; scroll-behavior: auto; -webkit-scroll-snap-coordinate: none; -ms-scroll-snap-coordinate: none; scroll-snap-coordinate: none; -webkit-scroll-snap-destination: 0px 0px; -ms-scroll-snap-destination: 0px 0px; scroll-snap-destination: 0px 0px; -webkit-scroll-snap-points-x: none; -ms-scroll-snap-points-x: none; scroll-snap-points-x: none; -webkit-scroll-snap-points-y: none; -ms-scroll-snap-points-y: none; scroll-snap-points-y: none; -webkit-scroll-snap-type: none; -ms-scroll-snap-type: none; scroll-snap-type: none; scroll-snap-type-x: none; scroll-snap-type-y: none; shape-image-threshold: 0; shape-margin: 0; shape-outside: none; -moz-tab-size: 8; tab-size: 8; table-layout: auto; text-align: initial; text-align-last: auto; text-combine-upright: none; -webkit-text-decoration-color: currentcolor; text-decoration-color: currentcolor; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-emphasis-color: currentcolor; text-emphasis-color: currentcolor; -webkit-text-emphasis-position: over; text-emphasis-position: over right; -webkit-text-emphasis-style: none; text-emphasis-style: none; text-indent: 0; text-justify: auto; -webkit-text-orientation: mixed; text-orientation: mixed; text-overflow: clip; text-rendering: auto; text-shadow: none; text-transform: none; text-underline-position: auto; top: auto; touch-action: auto; transform: none; transform-box: border-box; transform-origin: 50% 50% 0; transform-style: flat; transition-delay: 0s; transition-duration: 0s; transition-property: all; transition-timing-function: ease; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; vertical-align: baseline; visibility: visible; white-space: normal; widows: 2; width: auto; will-change: auto; word-break: normal; word-spacing: normal; word-wrap: normal; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; z-index: auto; -webkit-appearance: none; -ms-appearance: none; appearance: none; } #didomi-host *:not(svg|*) { all: unset; -webkit-text-fill-color: initial; } button { line-height: initial; } button span { padding-left: initial; padding-top: initial; padding-right: initial; padding-bottom: initial; background: initial; height: initial; } #didomi-host { display: block; width: 0; height: 0; font-size: 15px; line-height: 160%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } #didomi-host .pad { padding: 16px; } #didomi-host .pad-xxl { padding: 56px; } #didomi-host .pad-xl { padding: 48px; } #didomi-host .pad-lg { padding: 32px; } #didomi-host .pad-md { padding: 24px; } #didomi-host .pad-sm { padding: 8px; } #didomi-host .pad-xs { padding: 4px; } #didomi-host .pad-none { padding: 0px; } #didomi-host .pad-bottom { padding-bottom: 16px; } #didomi-host .pad-bottom-xxl { padding-bottom: 56px; } #didomi-host .pad-bottom-xl { padding-bottom: 48px; } #didomi-host .pad-bottom-lg { padding-bottom: 32px; } #didomi-host .pad-bottom-md { padding-bottom: 24px; } #didomi-host .pad-bottom-sm { padding-bottom: 8px; } #didomi-host .pad-bottom-xs { padding-bottom: 4px; } #didomi-host .pad-bottom-none { padding-bottom: 0px; } #didomi-host .pad-top { padding-top: 16px; } #didomi-host .pad-top-xxl { padding-top: 56px; } #didomi-host .pad-top-xl { padding-top: 48px; } #didomi-host .pad-top-lg { padding-top: 32px; } #didomi-host .pad-top-md { padding-top: 24px; } #didomi-host .pad-top-sm { padding-top: 8px; } #didomi-host .pad-top-xs { padding-top: 4px; } #didomi-host .pad-top-none { padding-top: 0px; } #didomi-host .pad-left { padding-left: 16px; } #didomi-host .pad-left-xxl { padding-left: 56px; } #didomi-host .pad-left-xl { padding-left: 48px; } #didomi-host .pad-left-lg { padding-left: 32px; } #didomi-host .pad-left-md { padding-left: 24px; } #didomi-host .pad-left-sm { padding-left: 8px; } #didomi-host .pad-left-xs { padding-left: 4px; } #didomi-host .pad-left-none { padding-left: 0px; } #didomi-host .pad-right { padding-right: 16px; } #didomi-host .pad-right-xxl { padding-right: 56px; } #didomi-host .pad-right-xl { padding-right: 48px; } #didomi-host .pad-right-lg { padding-right: 32px; } #didomi-host .pad-right-md { padding-right: 24px; } #didomi-host .pad-right-sm { padding-right: 8px; } #didomi-host .pad-right-xs { padding-right: 4px; } #didomi-host .pad-right-none { padding-right: 0px; } #didomi-host .pull-xxl { margin: -56px; } #didomi-host .pull-xl { margin: -48px; } #didomi-host .pull-lg { margin: -32px; } #didomi-host .pull-md { margin: -24px; } #didomi-host .pull { margin: -16px; } #didomi-host .pull-sm { margin: -8px; } #didomi-host .pull-xs { margin: -4px; } #didomi-host .pull-none { margin: 0px; } #didomi-host .pull-bottom-xxl { margin-bottom: -56px; } #didomi-host .pull-bottom-xl { margin-bottom: -48px; } #didomi-host .pull-bottom-lg { margin-bottom: -32px; } #didomi-host .pull-bottom-md { margin-bottom: -24px; } #didomi-host .pull-bottom { margin-bottom: -16px; } #didomi-host .pull-bottom-sm { margin-bottom: -8px; } #didomi-host .pull-bottom-xs { margin-bottom: -4px; } #didomi-host .pull-bottom-none { margin-bottom: 0px; } #didomi-host .pull-top-xxl { margin-top: -56px; } #didomi-host .pull-top-xl { margin-top: -48px; } #didomi-host .pull-top-lg { margin-top: -32px; } #didomi-host .pull-top-md { margin-top: -24px; } #didomi-host .pull-top { margin-top: -16px; } #didomi-host .pull-top-sm { margin-top: -8px; } #didomi-host .pull-top-xs { margin-top: -4px; } #didomi-host .pull-top-none { margin-top: 0px; } #didomi-host .pull-left-xxl { margin-left: -56px; } #didomi-host .pull-left-xl { margin-left: -48px; } #didomi-host .pull-left-lg { margin-left: -32px; } #didomi-host .pull-left-md { margin-left: -24px; } #didomi-host .pull-left { margin-left: -16px; } #didomi-host .pull-left-sm { margin-left: -8px; } #didomi-host .pull-left-xs { margin-left: -4px; } #didomi-host .pull-left-none { margin-left: 0px; } #didomi-host .pull-right-xxl { margin-right: -56px; } #didomi-host .pull-right-xl { margin-right: -48px; } #didomi-host .pull-right-lg { margin-right: -32px; } #didomi-host .pull-right-md { margin-right: -24px; } #didomi-host .pull-right { margin-right: -16px; } #didomi-host .pull-right-sm { margin-right: -8px; } #didomi-host .pull-right-xs { margin-right: -4px; } #didomi-host .pull-right-none { margin-right: 0px; } #didomi-host .push { margin: 16px; } #didomi-host .push-xxl { margin: 56px; } #didomi-host .push-xl { margin: 48px; } #didomi-host .push-lg { margin: 32px; } #didomi-host .push-md { margin: 24px; } #didomi-host .push-sm { margin: 8px; } #didomi-host .push-xs { margin: 4px; } #didomi-host .push-none { margin: 0px; } #didomi-host .push-bottom { margin-bottom: 16px; } #didomi-host .push-bottom-xxl { margin-bottom: 56px; } #didomi-host .push-bottom-xl { margin-bottom: 48px; } #didomi-host .push-bottom-lg { margin-bottom: 32px; } #didomi-host .push-bottom-md { margin-bottom: 24px; } #didomi-host .push-bottom-sm { margin-bottom: 8px; } #didomi-host .push-bottom-xs { margin-bottom: 4px; } #didomi-host .push-bottom-none { margin-bottom: 0px; } #didomi-host .push-top { margin-top: 16px; } #didomi-host .push-top-xxl { margin-top: 56px; } #didomi-host .push-top-xl { margin-top: 48px; } #didomi-host .push-top-lg { margin-top: 32px; } #didomi-host .push-top-md { margin-top: 24px; } #didomi-host .push-top-sm { margin-top: 8px; } #didomi-host .push-top-xs { margin-top: 4px; } #didomi-host .push-top-none { margin-top: 0px; } #didomi-host .push-left { margin-left: 16px; } #didomi-host .push-left-xxl { margin-left: 56px; } #didomi-host .push-left-xl { margin-left: 48px; } #didomi-host .push-left-lg { margin-left: 32px; } #didomi-host .push-left-md { margin-left: 24px; } #didomi-host .push-left-sm { margin-left: 8px; } #didomi-host .push-left-xs { margin-left: 4px; } #didomi-host .push-left-none { margin-left: 0px; } #didomi-host .push-right { margin-right: 16px; } #didomi-host .push-right-xxl { margin-right: 56px; } #didomi-host .push-right-xl { margin-right: 48px; } #didomi-host .push-right-lg { margin-right: 32px; } #didomi-host .push-right-md { margin-right: 24px; } #didomi-host .push-right-sm { margin-right: 8px; } #didomi-host .push-right-xs { margin-right: 4px; } #didomi-host .push-right-none { margin-right: 0px; } #didomi-host p, #didomi-host span, #didomi-host a { font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } #didomi-host .didomi-icon { vertical-align: middle; } #didomi-host .didomi-logo-icon { margin-left: 10px; } #didomi-host div { display: block; } #didomi-host p { display: block; margin-bottom: 16px; } #didomi-host .p-title { font-weight: bold; font-size: 1.1em; display: block; letter-spacing: 0.005em; } #didomi-host ul { display: block; margin-bottom: 16px; } #didomi-host li { display: list-item; margin-left: 20px; } #didomi-host ol { display: block; list-style-type: decimal; margin-bottom: 16px; } #didomi-host table { box-sizing: border-box; display: table; width: 100%; max-width: 100%; border-collapse: separate; border-spacing: 2px; } #didomi-host table thead, #didomi-host table tbody { display: table-header-group; } #didomi-host table tr { display: table-row; } #didomi-host table th, #didomi-host table td { display: table-cell; } #didomi-host a { cursor: pointer; } #didomi-host a.didomi-no-link-style { text-decoration: none; color: #000; } #didomi-host style { display: none; } #didomi-host .text-bold { font-weight: bold; } #didomi-host h1 { display: block; font-size: 2em; font-weight: bold; margin-bottom: 16px; } #didomi-host h2 { display: block; font-size: 1.5em; font-weight: bold; margin-bottom: 16px; } #didomi-host h3 { display: block; font-size: 1.17em; font-weight: bold; margin-bottom: 16px; } #didomi-host h4 { display: block; font-weight: bold; margin-bottom: 16px; } #didomi-host h5 { display: block; font-size: 0.83em; font-weight: bold; margin-bottom: 16px; } #didomi-host h6 { display: block; font-size: 0.67em; font-weight: bold; margin-bottom: 16px; } #didomi-host b, #didomi-host strong { font-weight: bold; } #didomi-host i, #didomi-host cite, #didomi-host em, #didomi-host var, #didomi-host dfn { font-style: italic; } #didomi-host u, #didomi-host ins { text-decoration: underline; } #didomi-host s, #didomi-host strike, #didomi-host del { text-decoration: line-through; } #didomi-host sub { vertical-align: sub; font-size: smaller; line-height: normal; } #didomi-host sup { vertical-align: super; font-size: smaller; line-height: normal; } #didomi-host nobr { white-space: nowrap; } #didomi-host hr { display: block; border: 1px inset; margin: 16px 0; color: gray; box-sizing: content-box; } #didomi-host *:focus { outline: #4d90fe auto 1px; } #didomi-host li[title] span { cursor: help; border-bottom: 1px dashed #000; } #didomi-host span[title] { cursor: help; border-bottom: 1px dashed #000; } #didomi-host .hbb-safe-area { position: absolute; left: 128px; top: 36px; width: 1024px; height: 648px; background-color: rgba(0, 0, 0, 0.5); } #didomi-host [dataTooltip] { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: help; border-bottom: 1px dashed #000; } #didomi-host [dataTooltip]:focus { outline: none !important; } [dir="rtl"] #didomi-host [dataTooltip]::after { text-align: right; } #didomi-host [dataTooltip]:focus::after { content: attr(dataTooltip); padding: 5px; font-size: 10px; line-height: 12px; display: block; position: absolute; white-space: pre-line; text-align: left; background-color: #f1f0f1; border: 1px solid #ddd; overflow-y: auto !important; max-height: 80px; z-index: 1; } #didomi-host .didomi-consent-popup-vendor__description [dataTooltip], #didomi-host .didomi-consent-popup-categories [dataTooltip], #didomi-host .didomi-vendor-storage-disclosures [dataTooltip] { position: initial; } #didomi-host .didomi-consent-popup-vendor__description [dataTooltip]:focus::after, #didomi-host .didomi-consent-popup-categories [dataTooltip]:focus::after, #didomi-host .didomi-vendor-storage-disclosures [dataTooltip]:focus::after { position: initial; } #didomi-host .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: fixed !important; width: 1px !important; white-space: nowrap !important; } #didomi-host [role="tooltip"], #didomi-host .hidetooltip.hidetooltip.hidetooltip + [role="tooltip"] { visibility: hidden; position: fixed; } #didomi-host .didomi-vendor-purpose-description { margin: 10px; border-radius: 4px; background: #f8f8f8; display: flex; padding: 8px 16px; flex-direction: column; align-items: flex-start; gap: 10px; align-self: stretch; } #didomi-host .didomi-vendor-purpose-description.tcfv_2_2 { font-size: 12px; } #didomi-host #buttons #didomi-notice-learn-more-button > span { white-space: normal; } #didomi-host #notice-vendors-number-section { display: flex; justify-content: end; align-items: center; color: #05687b; } #didomi-host .didomi-vendors-count-view-vendors-list-link { cursor: pointer; display: flex; height: 25px; padding: 5px 15px; justify-content: center; align-items: center; gap: 7px; border: 1px solid #ebebeb; background: #fff; font-size: 12px; color: #6a6a6a; font-weight: 700; padding: 5px 15px; line-height: 17px; margin-left: 10px; } #didomi-host #didomi-notice { background-color: #fff; } #didomi-host #didomi-notice p { margin: 0px; } #didomi-host #didomi-notice.didomi-regular-notice { position: fixed; font-size: 13px; line-height: 1.5em; z-index: 2147483640; } #didomi-host #didomi-notice.didomi-regular-notice.didomi-regular-notice-with-data-processing .didomi-notice-text { margin-right: 40px; } #didomi-host #didomi-notice.didomi-regular-notice a { color: inherit; text-decoration: underline; } #didomi-host #didomi-notice.didomi-regular-notice .didomi-notice-view-partners-link, #didomi-host #didomi-notice.didomi-regular-notice .didomi-notice-view-partners-link-in-text { text-decoration: underline; } #didomi-host #didomi-notice.didomi-regular-notice .didomi-buttons-with-x-button { margin-top: 36px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box { display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; padding: 32px; max-width: 310px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box #buttons { margin-top: 20px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box #buttons.single { width: 100%; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box #buttons.single button { width: 100%; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box #buttons.multiple { width: 100%; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box #buttons.multiple button { padding-right: 0.8em; width: 100%; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box.top.left { margin: 1em 0 0 1em; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box.top.right { margin: 1em 1em 0 0; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box.bottom.left { margin: 0 0 1em 1em; } #didomi-host #didomi-notice.didomi-regular-notice.shape-box.bottom.right { margin: 0 1em 1em 0; } #didomi-host #didomi-notice.didomi-regular-notice.shape-banner { padding: 1em 1.8em; left: 0; right: 0; } #didomi-host #didomi-notice.didomi-regular-notice.shape-banner .didomi-notice__interior-border { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; } #didomi-host #didomi-notice.didomi-regular-notice.shape-banner #buttons.multiple { -ms-flex: 0 0 auto; } #didomi-host #didomi-notice.didomi-regular-notice.shape-banner #buttons.multiple button { margin-right: 10px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel { max-width: 600px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel.right { right: 100px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel.left { left: 100px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel.bottom { padding: 1px; border-top-width: 1px; border-top-style: solid; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel.bottom .didomi-notice__interior-border { border-top-width: 1px; border-top-style: solid; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel.top { padding: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel.top .didomi-notice__interior-border { border-bottom-width: 1px; border-bottom-style: solid; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 10px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel #buttons.multiple { margin-top: 20px; } #didomi-host #didomi-notice.didomi-regular-notice.shape-panel #buttons.multiple button { margin-right: 10px; } #didomi-host #didomi-notice.didomi-regular-notice.top { top: 0; } #didomi-host #didomi-notice.didomi-regular-notice.bottom { bottom: 0; } #didomi-host #didomi-notice.didomi-regular-notice.left { left: 0; } #didomi-host #didomi-notice.didomi-regular-notice.right { right: 0; } #didomi-host #didomi-notice.didomi-regular-notice #buttons { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: center; -moz-justify-content: center; justify-content: center; -moz-align-items: center; align-items: center; } #didomi-host #didomi-notice.didomi-regular-notice #buttons button { display: block; padding: 0.4em 0.8em; font-size: 0.9em; font-weight: 700; border-width: 1px; border-style: solid; text-align: center; white-space: nowrap; min-width: 140px; cursor: pointer; text-decoration: none; } #didomi-host #didomi-notice.didomi-regular-notice #buttons button.didomi-button-standard { background-color: #eee; border: solid 1px rgba(34, 34, 34, 0.2); color: #555; } #didomi-host #didomi-notice.didomi-regular-notice .didomi-x-button { right: 8px; top: 8px; } [dir="rtl"] #didomi-host #didomi-notice.didomi-regular-notice .didomi-x-button { right: auto; left: 8px; } #didomi-host .didomi-banner-notice-optin-type .didomi-continue-without-agreeing { position: absolute; top: 10px !important; right: 35px !important; } [dir="rtl"] #didomi-host .didomi-banner-notice-optin-type .didomi-continue-without-agreeing { left: 35px; right: auto !important; } #didomi-host .didomi-screen-large #didomi-notice.didomi-regular-notice.didomi-regular-notice-with-data-processing .didomi-notice-text { max-width: 1200px; } #didomi-host .didomi-screen-xlarge #didomi-notice.didomi-regular-notice.didomi-regular-notice-with-data-processing .didomi-notice-text { max-width: 1500px; } #didomi-host .didomi-mobile .didomi-notice-text-with-x-button { margin-left: 36px; margin-top: 36px; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-support-full-height { box-sizing: border-box; height: auto; max-height: 100%; display: flex; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-support-full-height.didomi-max-height-reached #buttons { box-shadow: 0 -3px 10px -2px rgba(0, 0, 0, 0.1); } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-support-full-height .didomi-notice__interior-border { padding: 0; width: 100%; flex: 1 0 auto; display: flex; max-height: 100vh; max-height: -webkit-fill-available; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-support-full-height .didomi-notice__interior-border .didomi-notice-text { padding: 1em 1.8em; margin: 0; height: 100%; overflow-y: auto; box-sizing: border-box; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-support-full-height .didomi-notice__interior-border .didomi-notice-text > *:last-child { margin-bottom: 20px; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-support-full-height .didomi-notice__interior-border #buttons { flex: 1 0 auto; box-sizing: border-box; padding: 1em 1.8em 1em 1.8em; margin-top: 0; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice { left: 0; right: 0; font-size: 11px; padding: 1px; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-regular-notice-with-data-processing { font-size: 12px; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.didomi-regular-notice-with-data-processing .didomi-notice-text { margin-right: 0px; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice .didomi-notice__interior-border { padding: 1em 1.8em; display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.bottom { border-top-width: 1px; border-top-style: solid; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.bottom .didomi-notice__interior-border { border-top-width: 1px; border-top-style: solid; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.top { border-bottom-width: 1px; border-bottom-style: solid; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice.top .didomi-notice__interior-border { border-bottom-width: 1px; border-bottom-style: solid; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #text { width: 100%; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #buttons { margin-top: 20px; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #buttons.single { width: 100%; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #buttons.single button { width: 100%; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #buttons.multiple { width: 100%; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #buttons.multiple button { margin-right: 10px; padding-right: 0.8em; width: 100%; } #didomi-host .didomi-mobile #didomi-notice.didomi-regular-notice #buttons.multiple button:last-child { margin-right: 0; } #didomi-host .didomi-mobile .didomi-banner-notice-optin-type .didomi-banner-notice-continue-without-agreeing-buttons { width: 100%; } #didomi-host .didomi-mobile .didomi-banner-notice-optin-type .didomi-continue-without-agreeing { align-self: flex-end; position: initial; margin-top: 5px; margin-bottom: 15px; } #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple { -moz-flex-direction: column; flex-direction: column; } #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple button { margin-bottom: 10px; margin-right: 0; padding-right: 0; width: 100%; } #didomi-host .didomi-screen-xsmall #didomi-notice.didomi-regular-notice #buttons.multiple button:last-child { margin-bottom: 0; } #didomi-host #notice-vendors-number-section { display: flex; justify-content: end; align-items: center; color: #05687b; } #didomi-host #notice-vendors-number-section p { margin: 0px; } #didomi-host .didomi-popup__backdrop { z-index: 2147483641; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup .didomi-popup-view { width: 100%; } #didomi-host .didomi-popup__backdrop.didomi-popup-with-x-button { padding-top: 18px; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height { box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 100%; max-height: 100vh; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height.didomi-max-height-reached .didomi-exterior-border { border-radius: 0px; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height.didomi-max-height-reached .didomi-popup-container { border-radius: 0px; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height.didomi-max-height-reached .didomi-popup-notice-logo-container { box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.1); } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height.didomi-max-height-reached #buttons { box-shadow: 0 -3px 10px -2px rgba(0, 0, 0, 0.1); } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border { display: inherit; box-sizing: border-box; margin: 0 auto; z-index: 2147483641; padding: 0 !important; max-height: 100%; display: flex; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container { flex: 1 0 auto; max-width: 700px; display: flex; box-sizing: border-box; margin: 0 auto; padding: 0 !important; } @media all and (-ms-high-contrast: none) { #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container *::-ms-backdrop, #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view { height: auto !important; overflow-y: auto; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container *::-ms-backdrop, #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-exterior-border { display: block !important; } } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view { max-height: 100vh; height: 100%; height: -moz-fit-content; height: fit-content; height: -webkit-fit-content; width: 100%; padding: 0; flex: 1 0 auto; display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; -webkit-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view > *:first-child { padding-top: 50px; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-logo-container { box-sizing: border-box; flex: 1 0 auto; z-index: 2147483640; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-logo-container .didomi-popup-notice-logo { margin-bottom: 30px; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container { height: 100%; overflow-y: auto; padding: 0px 50px; box-sizing: border-box; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container > *:last-child { margin-bottom: 20px; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons { box-sizing: border-box; padding: 20px 25px 50px 25px; margin-top: 0; flex: 1 0 auto; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons button:first-child { margin-top: 0px !important; } @media all and (-ms-high-contrast: none) { #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view *::-ms-backdrop, #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-logo-container { flex: 1 0 0; } #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view *::-ms-backdrop, #didomi-host .didomi-popup__backdrop.didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons { flex: 1 0 0; } } #didomi-host .didomi-popup-notice { position: relative; display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; align-items: center; box-sizing: border-box; flex: 1; max-width: 600px; padding: 50px; } #didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing { padding: 45px 25px !important; color: #333; } #didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing h1 { text-align: left; margin-top: 0px; margin-bottom: 25px; } [dir="rtl"] #didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing h1 { text-align: right; } #didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing p { margin-top: 0px; margin-bottom: 10px; } #didomi-host .didomi-popup-notice.didomi-popup-notice-data-processing-list p span { font-size: 12px; } #didomi-host .didomi-popup-notice .didomi-popup-notice-text p { margin: 0px; font-size: 15px; } #didomi-host .didomi-popup-notice h1 { text-align: center; margin-bottom: 50px; } [dir="rtl"] #didomi-host .didomi-popup-notice h1 { text-align: right; } #didomi-host .didomi-popup-notice .didomi-popup-notice-logo { width: 200px; margin-bottom: 30px; } #didomi-host .didomi-popup-notice .didomi-popup-notice-text, #didomi-host .didomi-popup-notice .didomi-popup-notice-subtext { max-width: 600px; width: 100%; flex: 0 auto; text-align: left; } [dir="rtl"] #didomi-host .didomi-popup-notice .didomi-popup-notice-text, [dir="rtl"] #didomi-host .didomi-popup-notice .didomi-popup-notice-subtext { text-align: right; } #didomi-host .didomi-popup-notice .didomi-notice-view-partners-link { display: block; text-align: center; margin-top: 20px; } #didomi-host .didomi-popup-notice .didomi-notice-view-partners-link-in-text { text-decoration: underline; } #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons { margin-top: 30px; display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; justify-content: center; align-items: center; } #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-components-button { padding: 2px 25px; } #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons a { text-decoration: underline; } #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button { min-width: 200px; margin-right: 10px; } [dir="rtl"] #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button { margin-right: 0px; } #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button:last-child { margin-right: 0px; } [dir="rtl"] #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button:last-child { margin-right: 10px; } [dir="rtl"] #didomi-host .didomi-popup-notice .didomi-popup-notice-buttons .didomi-button:not(:last-child):not(:first-child) { margin-right: 10px; } #didomi-host .didomi-popup-notice .didomi-popup-notice-subtext { margin-top: 30px; } #didomi-host .didomi-popup-notice .didomi-popup-close { position: absolute; right: 30px; top: 30px; } #didomi-host .didomi-popup-notice-optin-type { max-width: 730px; } #didomi-host .didomi-popup-notice-optin-type .didomi-popup-notice-buttons { align-items: initial; } #didomi-host .didomi-popup-notice-optin-type .didomi-popup-notice-buttons .didomi-components-button { padding: 8px 16px !important; line-height: 140%; height: auto; } #didomi-host .didomi-popup-notice-optin-type .didomi-popup-notice-logo-container, #didomi-host .didomi-popup-notice-optin-type .didomi-popup-notice-text-container { clear: both; } #didomi-host .didomi-popup-notice-optin-type .didomi-continue-without-agreeing { float: right; margin-top: -10px; margin-bottom: 40px; } [dir="rtl"] #didomi-host .didomi-popup-notice-optin-type .didomi-continue-without-agreeing { float: left; } #didomi-host .didomi-mobile #notice-vendors-number-section { align-items: end; flex-direction: column; } #didomi-host .didomi-mobile #notice-vendors-number-section .didomi-vendors-count-view-vendors-list-link { border-color: #05687b; color: #05687b; } #didomi-host .didomi-mobile #didomi-popup .didomi-popup-notice { padding: 30px; font-size: 12px; line-height: 160%; } #didomi-host .didomi-mobile #didomi-popup .didomi-popup-notice h1 { margin-bottom: 35px; } #didomi-host .didomi-mobile #didomi-popup .didomi-popup-notice p { text-align: justify; } #didomi-host .didomi-mobile .didomi-popup-with-x-button { padding-top: 0; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height { max-height: -webkit-fill-available; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view { max-height: -webkit-fill-available; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view > *:first-child { padding-top: 30px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-logo-container .didomi-popup-notice-logo { margin-bottom: 30px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container { padding: 0px 30px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container > *:first-child { margin-top: 20px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container > *:last-child { margin-bottom: 15px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container ~ .didomi-popup-notice-logo-container { padding: 0px 30px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons { padding: 30px 15px; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons button:first-child { margin-top: 0px !important; } #didomi-host .didomi-mobile .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-subtext { margin-bottom: 30px; } #didomi-host .didomi-mobile .didomi-popup-notice-optin-type .didomi-continue-without-agreeing { margin-top: 0px; margin-bottom: 30px; } #didomi-host .didomi-mobile .didomi-popup-notice-text p { margin: 0px; font-size: 12px; } #didomi-host .didomi-screen-xsmall .didomi-popup-notice-buttons { -moz-flex-direction: column; flex-direction: column; margin-top: 15px; } #didomi-host .didomi-screen-xsmall .didomi-popup-notice-buttons .didomi-components-button { margin: 10px 0 0 0 !important; } #didomi-host .didomi-screen-xsmall .didomi-popup-with-x-button { padding-top: 0; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view > *:first-child { padding-top: 15px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-logo-container .didomi-popup-notice-logo { margin-bottom: 15px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container { padding: 0px 15px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container > *:first-child { margin-top: 20px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container > *:last-child { margin-bottom: 15px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-text-container ~ .didomi-popup-notice-logo-container { padding: 0px 15px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons { padding: 15px; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view #buttons button:first-child { margin-top: 0px !important; } #didomi-host .didomi-screen-xsmall .didomi-notice-popup.didomi-support-full-height .didomi-exterior-border .didomi-popup-container .didomi-popup-view .didomi-popup-notice-subtext { margin-bottom: 15px; } #didomi-host #didomi-notice.didomi-custom-notice-html { position: fixed; z-index: 2147483640; } #didomi-host #didomi-notice.didomi-custom-notice-html.shape-box { display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } #didomi-host #didomi-notice.didomi-custom-notice-html.shape-banner { left: 0; right: 0; } #didomi-host #didomi-notice.didomi-custom-notice-html.top { top: 0; } #didomi-host #didomi-notice.didomi-custom-notice-html.bottom { bottom: 0; } #didomi-host #didomi-notice.didomi-custom-notice-html.left { left: 0; } #didomi-host #didomi-notice.didomi-custom-notice-html.right { right: 0; } #didomi-host .didomi-mobile #didomi-notice.didomi-custom-notice-html { left: 0; right: 0; } #didomi-host .didomi-consent-popup-body { padding: 30px 20px; } #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__title { font-size: 12px; color: #526e7a; text-transform: uppercase; font-weight: bold; margin-bottom: 8px; display: block; font-weight: bold; font-family: "Arial"; } #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__subtext { margin-bottom: 22px; } #didomi-host .didomi-consent-popup-body .didomi-consent-popup-body__explanation a { font-weight: bold; text-decoration: underline; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height { box-sizing: border-box; display: flex; align-items: center; justify-content: center; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height.didomi-max-height-reached .didomi-exterior-border { border-radius: 0px; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height.didomi-max-height-reached .didomi-popup-container { border-radius: 0px; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border { box-sizing: border-box; margin: 0 auto; z-index: 2147483641; padding: 0 !important; max-height: 100%; display: flex; } @media all and (-ms-high-contrast: none) { #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border *::-ms-backdrop, #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-popup-container { display: block !important; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border *::-ms-backdrop, #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences { display: block !important; } } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-popup-container { flex: 1 0 auto; box-sizing: border-box; margin: 0 auto; padding: 0 !important; display: flex; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences { padding: 0; display: flex; } @media all and (-ms-high-contrast: none) { #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences *::-ms-backdrop, #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view { height: auto !important; overflow-y: auto; } } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view { max-height: 100vh; height: 100%; height: -moz-fit-content; height: fit-content; height: -webkit-fit-content; width: 100%; padding: 0; flex: 1; display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; -webkit-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-body { overflow-y: auto; padding: 10px 20px 0px 20px; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-body > *:last-child { margin-bottom: 20px; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-header { box-sizing: border-box; flex: 1 0 auto; z-index: 2147483640; padding: 15px 20px; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-footer { box-sizing: border-box; flex: 1 0 auto; z-index: 2147483640; padding: 10px 20px; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-footer .didomi-logo-icon { margin-left: 0px; } @media all and (-ms-high-contrast: none) { #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view *::-ms-backdrop, #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-header { flex: 1 0 0; } #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view *::-ms-backdrop, #didomi-host .didomi-consent-popup__backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-footer { flex: 1 0 0; } } #didomi-host .didomi-mobile .didomi-popup-backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view { max-height: -webkit-fill-available; } #didomi-host .didomi-mobile .didomi-popup-backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-body { padding: 15px 15px 0px 15px; } #didomi-host .didomi-mobile .didomi-popup-backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-body > *:last-child { margin-bottom: 15px; } #didomi-host .didomi-mobile .didomi-popup-backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-header { padding: 10px 15px; box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.1); } #didomi-host .didomi-mobile .didomi-popup-backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-footer { padding: 10px 15px; box-shadow: 0 -3px 10px -2px rgba(0, 0, 0, 0.1); } #didomi-host .didomi-mobile .didomi-popup-backdrop.didomi-support-full-height .didomi-exterior-border .didomi-consent-popup-preferences .didomi-popup-view .didomi-popup-footer .didomi-consent-popup-actions { padding: 0px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing__buttons { -webkit-flex-shrink: 0; -webkit-box-flex: 0; flex-shrink: 0; margin-left: 15px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; margin-bottom: 8px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-purpose { display: -webkit-flexbox; display: flex; -moz-flex-direction: row; flex-direction: row; -webkit-flex-pack: justify; -moz-justify-content: space-between; justify-content: space-between; -moz-align-items: center; align-items: center; flex-wrap: wrap; overflow: auto; margin-bottom: 8px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-vendor__buttons, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-purpose__buttons, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-purpose .didomi-consent-popup-vendor__buttons, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-purpose .didomi-consent-popup-purpose__buttons { -webkit-flex-shrink: 0; -webkit-box-flex: 0; flex-shrink: 0; margin-left: 15px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-vendor__start_aligned_buttons, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-purpose .didomi-consent-popup-vendor__start_aligned_buttons { align-self: start; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-vendor__right_aligned_buttons, #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-purpose .didomi-consent-popup-vendor__right_aligned_buttons { float: right; margin-top: -2px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-partner { display: inline-block; margin-right: 15px; margin-bottom: 5px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-partner a { border-bottom: 1px dashed #000; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-vendor { -moz-flex-direction: column; flex-direction: column; -moz-align-items: flex-start; align-items: flex-start; margin-bottom: 8px; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-vendor__buttons, #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-vendor .didomi-consent-popup-purpose__buttons { -webkit-flex-shrink: 0; -webkit-box-flex: 0; flex-shrink: 0; margin-left: 0px; margin-top: 10px; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-data-processing { display: -webkit-flexbox; display: flex; -moz-flex-direction: column; flex-direction: column; -webkit-flex-pack: start; -moz-justify-content: flex-start; justify-content: flex-start; -moz-align-items: flex-start; align-items: flex-start; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing__purpose, #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-category__name { margin-bottom: 6px; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing__description, #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-category__description { font-size: 12px; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-category__description { margin-bottom: 20px; font-size: 12px; } #didomi-host .didomi-mobile #didomi-consent-popup .didomi-consent-popup-data-processing__essential_purpose { flex: 0; } #didomi-host .didomi-mobile .didomi-consent-popup-vendor__right_aligned_buttons { display: flex; float: none !important; margin-top: 0px !important; } #didomi-host .didomi-consent-popup-information .didomi-consent-popup-body { max-height: 300px; overflow: auto; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list .didomi-vendors-details-title { font-weight: 700; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list ul { margin: 0; padding: 16px 12px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list ul li { margin-bottom: 10px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list ul li:last-child { margin-bottom: 0; } #didomi-host .didomi-retention-time { color: #333; display: inline-block; border-radius: 4px; background: #e2f5f9; padding: 0 8px; text-align: center; margin-left: 8px; font-size: 10px; } #didomi-host .didomi-retention-time span:first-child { font-weight: 700; } #didomi-host .didomi-consent-popup-vendor__description { color: #333; padding-top: 3px; border-left: 1px solid; padding-left: 10px; border-color: #e6e2d7; font-size: 14px; } #didomi-host .didomi-consent-popup-vendor__description > div { margin-bottom: 8px; } #didomi-host .didomi-consent-popup-vendor__description > div:last-child { margin-bottom: 0; } #didomi-host .didomi-consent-popup-vendor__description .didomi-components-accordion-label-container { font-weight: 700; text-decoration: underline; line-height: 24px; word-wrap: break-word; padding-bottom: 0; } #didomi-host .didomi-consent-popup-vendor__description .didomi-components-accordion-label-container .trigger-icon { margin-right: 4px; } #didomi-host .didomi-consent-popup-vendor__description .didomi-content { margin: 0; padding: 16px 12px; } #didomi-host .didomi-consent-popup-vendor__description .didomi-content p:first-child { margin-top: 0; } #didomi-host .didomi-consent-popup-vendor__description .didomi-content ul { margin: 0; padding: 0; } #didomi-host .didomi-consent-popup-vendor__description .didomi-content ul li { margin-bottom: 10px; } #didomi-host .didomi-consent-popup-vendor__description .didomi-content ul li:last-child { margin-bottom: 0; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body_vendors-list { height: 280px; overflow: auto; border: 2px solid rgba(0, 0, 0, 0.05); padding: 12px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-body { padding: 20px 20px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-consent-popup-container-click-all { font-weight: bold; background: rgba(0, 0, 0, 0.05); padding: 8px 12px; margin: 0px !important; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-popup-title { cursor: pointer; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-container { word-break: break-all; border: 2px solid rgba(0, 0, 0, 0.05); padding: 12px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-trigger { font-size: 12px; color: #666; font-weight: 700; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-user-information-trigger > .trigger-icon { font-size: 12px !important; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-vendors-disclaimer, #didomi-host .didomi-consent-popup-preferences-vendors .didomi-vendors-iab-disclaimer { color: #333; margin-bottom: 10px; margin-top: 16px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-vendors-disclaimer p, #didomi-host .didomi-consent-popup-preferences-vendors .didomi-vendors-iab-disclaimer p { margin: 0px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-vendors-disclaimer a, #didomi-host .didomi-consent-popup-preferences-vendors .didomi-vendors-iab-disclaimer a { color: #526e7a; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing-illustrations { background: #f1f0f1; border: 1px #ddd solid; padding: 10px; font-size: 10px; line-height: 16px; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing-illustrations .didomi-consent-popup-data-processing-illustration { display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #ddd; } #didomi-host .didomi-consent-popup-preferences .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing-illustrations .didomi-consent-popup-data-processing-illustration:last-child { border-bottom: 0; padding-bottom: 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category { padding: 0px; margin: 12px 0 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .label-click { font-weight: 700; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children { border-left: 1px solid #e7e2d6; padding: 0px 0px 5px 15px; margin-left: 15px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__name { font-weight: bold; font-size: 15px; margin-bottom: 8px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__description { font-size: 14px; font-weight: 300; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children { margin-top: 12px; padding-bottom: 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children .didomi-consent-popup-category { padding: 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children .didomi-consent-popup-category__name { font-size: 14px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children .didomi-consent-popup-data-processing { border: none; padding: 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children .didomi-consent-popup-data-processing .didomi-consent-popup-data-processing__purpose { font-size: 14px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children .didomi-consent-popup-data-processing__description { padding: 0px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .didomi-consent-popup-category__children .didomi-consent-popup-preferences-purposes-features { font-size: 14px; } #didomi-host .didomi-consent-popup-preferences-purposes .vendors-count-label { min-height: 21px; border-radius: 4px; background: #f0f0f0; font-size: 10px; font-weight: 400; letter-spacing: 0em; margin-left: 5px; border: none; } #didomi-host .didomi-consent-popup-preferences-purposes .vendors-count-label:hover { background: #e2f5f9; cursor: pointer; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing, #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category { font-weight: bold; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing .label-button-section, #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .label-button-section { display: contents; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description { font-size: 14px; color: #333; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description p { margin: 10px 0; padding: 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__essential_purpose { display: flex; flex: 2.75; justify-content: center; margin: 5px 0px 5px 15px; text-transform: uppercase; font-size: 14px; line-height: 17px; color: #526e7a; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__essential_purpose_explanation { margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #526e7a; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description_legal_icon { border-bottom: none; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description_legal_icon svg { margin-top: -5px; } [dir="rtl"] #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description_legal_icon::after { text-align: right; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions { display: flex; justify-content: flex-end; align-items: center; text-align: center; background-color: #fff; border-radius: 1px; margin-bottom: 15px; margin-top: 10px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions .didomi-consent-popup-data-processing__purpose_actions_title { font-weight: bold; color: #333; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions .didomi-consent-popup-data-processing__purpose_action_buttons { float: right; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-categories-nested .didomi-consent-popup-data-processing { padding: 0px; margin: 12px 0 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-categories-nested .didomi-consent-popup-data-processing__purpose { font-size: 15px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list { display: flex; justify-content: space-between; align-items: center; text-align: center; margin-bottom: 16px; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-body__title { margin-bottom: 0; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-view-vendors-list-link { cursor: pointer; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); background-color: #fff; border: 1px solid #eee; font-size: 12px; color: #757575; font-weight: 700; padding: 5px 15px; text-transform: initial; } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-view-vendors-list .didomi-consent-popup-view-vendors-list-link span { background: rgba(0, 0, 0, 0); } #didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-footer .didomi-consent-popup-actions .didomi-consent-popup-information-save { margin-right: 15px; font-style: italic; color: #757575; font-size: 14px; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing .label-button-section, #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .label-button-section { display: flex; justify-content: space-between; width: 100%; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing .vendors-count-label, #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-category .vendors-count-label { text-align: center; min-width: 75px; margin-right: 10px; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions .didomi-consent-popup-data-processing__purpose_actions_title { margin-right: 15px; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__essential_purpose { display: inline-block; margin-left: 0px !important; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-footer { height: auto !important; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-footer .didomi-consent-popup-actions { padding: 8px 0; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-footer .didomi-consent-popup-actions:not(.didomi-buttons-all) { flex-direction: row; } #didomi-host .didomi-mobile .didomi-consent-popup-preferences-purposes .didomi-consent-popup-footer .didomi-consent-popup-actions .didomi-consent-popup-information-save { text-align: center; margin-top: 5px; } #didomi-host .didomi-consent-popup__3e6e3e05-9201-4614-a13e-b9649d1fa0e4 .didomi-components-accordion-label-container .didomi-consent-popup-data-processing__purpose { font-size: 15px !important; } #didomi-host .didomi-consent-popup__3e6e3e05-9201-4614-a13e-b9649d1fa0e4 .didomi-consent-popup-category__children .didomi-consent-popup-categories .didomi-consent-popup-data-processing .didomi-components-accordion .didomi-components-accordion-label-container .didomi-consent-popup-data-processing__purpose { font-size: 14px !important; } #didomi-host .didomi-consent-popup-category__children .didomi-consent-popup-preferences-purposes-features { font-size: 14px !important; } #didomi-host .didomi-consent-popup-preferences-purposes-features { margin-top: 22px; } #didomi-host .didomi-consent-popup-preferences-purposes-features div { display: inline; } #didomi-vendors-count .didomi-consent-popup-vendors-count { max-height: 80vh; overflow-y: auto; width: 600px; max-width: 80vw; } #didomi-vendors-count .didomi-popup-view { overflow-y: hidden; } #didomi-vendors-count .didomi-popup-view .didomi-popup-header { flex-direction: column; align-items: start; background-color: #e2f5f9; padding: 16px 20px; } #didomi-vendors-count .didomi-popup-view .didomi-popup-header .didomi-arrow-back-vendors-count { border: none; background-color: rgba(0, 0, 0, 0); } #didomi-vendors-count .didomi-popup-view .didomi-popup-header .vendors-list-labels { flex: 1; min-width: 160px; margin-left: 25px; } #didomi-vendors-count .didomi-popup-view .didomi-popup-header .vendors-list-labels .iab-vendors-count-label, #didomi-vendors-count .didomi-popup-view .didomi-popup-header .vendors-list-labels .vendors-count-label { padding: 4px 8px; background: #fff; font-size: 10px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: right; margin-right: 8px; border: none; } #didomi-vendors-count .didomi-popup-view .didomi-popup-body { padding: 24px 20px; max-height: 50vh; overflow-y: auto; font-size: 15px; line-height: 24px; } #didomi-vendors-count .didomi-popup-view .didomi-popup-body ul { margin: 0; padding: 0; } #didomi-vendors-count .didomi-popup-view .didomi-popup-body ul li { margin-bottom: 10px; } .didomi-mobile #didomi-vendors-count .didomi-popup-header { flex-direction: column; align-items: flex-start; } .didomi-continue-without-agreeing { text-decoration: underline; cursor: pointer; color: #444; } #didomi-host .didomi-x-button { cursor: pointer; display: block; height: 36px; width: 36px; padding: 2px 0 2px 2px; border-radius: 18px; position: absolute; top: -18px; right: -18px; color: #fff; background-color: #095d70; border-style: none; } #didomi-host .didomi-x-button .didomi-cross-icon { fill: #fff; } [dir="rtl"] #didomi-host .didomi-x-button { right: auto; left: -18px; } #didomi-host .didomi-mobile .didomi-x-button { height: 48px; width: 48px; padding: 0 0 0 2px; border-radius: 0px; background-color: rgba(0, 0, 0, 0) !important; top: 8px; right: 8px; } #didomi-host .didomi-mobile .didomi-x-button .didomi-cross-icon { fill: #000; } [dir="rtl"] #didomi-host .didomi-mobile .didomi-x-button { right: auto; left: 8px; } #didomi-host .didomi-screen-xsmall .didomi-x-button { height: 48px; width: 48px; padding: 0 0 0 2px; border-radius: 0px; background-color: rgba(0, 0, 0, 0) !important; top: 8px; right: 8px; } #didomi-host .didomi-screen-xsmall .didomi-x-button .didomi-cross-icon { fill: #000; } [dir="rtl"] #didomi-host .didomi-screen-xsmall .didomi-x-button { right: auto; left: 8px; } #didomi-host { font-family: Arial, sans-serif; } #didomi-host a:not(.didomi-no-link-style) { text-decoration: underline; color: #1371c3 !important; } .didomi-popup-notice-text-container { height: calc(90vh / 2); overflow-y: auto; } .didomi-consent-popup-body.didomi-popup-body { max-height: calc(100vh / 2); overflow-y: auto; } #didomi-host .didomi-popup-notice { max-width: 700px; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-popup-title:after { content: "Vyberte správce cookies z platforem FTV Prima spol. s r.o."; } #didomi-host .didomi-consent-popup-preferences-vendors .didomi-popup-title span.didomi-no-link-style { display: none; } /*! Fix for vendor count label color */ #didomi-host .didomi-consent-popup-preferences-purposes .vendors-count-label { color: black; }