:root {
    --url-img-player-bg-169: url(../../uploads/c12ffdf9ccc5b3024e6109d64d535500fb5c65ee/5f1ccfa3d345e7c9b17d088edd6b68953cc2be3b/Background_169_540px.jpg);
    --url-img-player-bg-916: url(../../uploads/c12ffdf9ccc5b3024e6109d64d535500fb5c65ee/8ec752ae089538d3891e94e770848913143f3688/Background_916_540px.jpg);
    --url-img-card-bg-916: url(../uploads/51353f9a3c3e2a5e7812eeccfe01a1fa4b63630b/1d0f7df879a4c18f16ebb19ca9163d7177e0c96e/Placeholder-mobile.jpg);
    --url-img-card-bg-169: url(../uploads/51353f9a3c3e2a5e7812eeccfe01a1fa4b63630b/4d107c5129da4ff3175e0e9e3ad002d376e9b921/placeholder-desktop.jpg);
    --top-card-txt-169: 25%;
}

/*
--
-- animations
----------------------------------------------------------------------------
*/


@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/*
--
-- font
--
*/

@font-face {
    font-family: Univers;
    src: url(../uploads/51353f9a3c3e2a5e7812eeccfe01a1fa4b63630b/90ce43dce4ce593287c2f7babe4c6477b0d72f41/font-UniversRegular.woff) format("woff"),
        url(../uploads/51353f9a3c3e2a5e7812eeccfe01a1fa4b63630b/86764aaf552aebe8ae62f4220deeabff91d7b2f3/font-UniversRegular.ttf) format("TrueType");
}

.player-container .rmp-container,
.player-container .rmp-control-bar-hint,
.player-container .rmp-time,
.player-container .rmp-control-bar .rmp-button,
#playerContainer,
html.ee-html,
.ee-html body {
    font-family: Univers, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
--
-- background
--
*/
body.global {
    background-color: rgba(0, 0, 0, .3);
}

/*
--
-- player
--
*/

.player-container .rmp-captions,
.player-container .rmp-quality {
    display: none !important;
}

/*
--
-- cards/countdown
--
*/
#playerContainer {
    align-items: flex-start;
}

#playerContainer {
    align-items: flex-start;
}

.card-content,
#container #player {
    background: transparent center no-repeat;
    background-size: contain;
    animation: fadein .4s ease-in;
}

.card-content.card-interrupt,
.card-content.card-postlive,
.card-content.card-prelive,
.player-state-vod #container #player {
    background-image: var(--url-img-card-bg-169);
}

/*
.player-vod-custom .rmp-poster:after {
    background-image: var(--url-img-countdown169) !important;
}
*/

#playerContainer,
.player-vod-custom .rmp-poster {
    background-color: transparent !important;
}

.card-text {
    text-align: center;
    width: 100%;
    position: absolute;
    top: var(--top-card-txt-169);
    left: 0;
    bottom: auto;
}

.countdown-text {
    bottom: auto;
    top: calc(var(--top-card-txt-169) - 1em);
}

@media only screen and (max-width:450px) {
    .countdown-text {
        top: 5em;
    }
}


.card-text,
.countdown-text {
    font-size: min(1.7em, 3.0vw, 5.0vh);
}

.countdown .cd-duration {
    font-size: 1em;
}

.countdown .cd-val {
    font-size: 1em;
}

.countdown .cd-unit {
    font-size: .8em;
}



/*
--
-- site
--
*/
#header {
    display: none;
}


/*
#container #player {
    padding-bottom: min(56.25%, 100vh);
}
*/