.vjs-chromecast-button .vjs-icon-placeholder {
    background: url("images/ic_cast_white_24dp.png") center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 12px
}

.vjs-chromecast-button:hover {
    cursor: pointer
}

    .vjs-chromecast-button:hover .vjs-icon-placeholder {
        background-image: url("images/ic_cast_white_24dp.png")
    }

.vjs-chromecast-button.vjs-chromecast-casting-state .vjs-icon-placeholder {
    background-image: url("images/ic_cast_connected_white_24dp.png")
}

.vjs-chromecast-button.vjs-chromecast-casting-state:hover .vjs-icon-placeholder {
    background-image: url("images/ic_cast_connected_white_24dp.png")
}

.vjs-tech-chromecast {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

    .vjs-tech-chromecast .vjs-tech-chromecast-poster::after {
        content: " ";
        display: block;
        height: 2px;
        width: 100px;
        background-color: #ccc;
        position: absolute;
        left: calc(50% - 50px)
    }

    .vjs-tech-chromecast .vjs-tech-chromecast-poster-img {
        max-height: 180px;
        width: auto;
        border: 2px solid #ccc
    }

        .vjs-tech-chromecast .vjs-tech-chromecast-poster-img.vjs-tech-chromecast-poster-img-empty {
            width: 160px;
            height: 90px
        }

    .vjs-tech-chromecast .vjs-tech-chromecast-title-container {
        position: absolute;
        bottom: 50%;
        margin-bottom: 100px;
        color: #ccc;
        text-align: center
    }

    .vjs-tech-chromecast .vjs-tech-chromecast-title {
        font-size: 22px
    }

        .vjs-tech-chromecast .vjs-tech-chromecast-title.vjs-tech-chromecast-title-empty {
            display: none
        }

    .vjs-tech-chromecast .vjs-tech-chromecast-subtitle {
        font-size: 18px;
        padding-top: 0.5em
    }

        .vjs-tech-chromecast .vjs-tech-chromecast-subtitle.vjs-tech-chromecast-subtitle-empty {
            display: none
        }