/*
 * Maps the Styled Media Receiver rules in styled-receiver.css onto the CSS
 * custom properties that CAF's <cast-media-player> actually reads. The Styled
 * Media Receiver translated its .background / .logo / .progressBar classes
 * internally; a self-hosted CAF receiver does not, so without this file only
 * the --progress-color rule would take effect.
 *
 * --logo-image is set from receiver.js as an absolute URL: relative url()
 * values inside custom properties are not reliably resolved against this
 * stylesheet once they are consumed inside the player's shadow DOM.
 */

html,
body {
    margin: 0;
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
}

cast-media-player {
    /* .background { background: #000; } */
    --background-color: #000;

    /* .logo { background-size: 300px; } */
    --logo-size: 300px;

    /* .progressBar { background-color: rgb(255, 255, 255); } */
    --progress-color: rgb(255, 255, 255);
}