.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: 16px;
    height: 16px
}

.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-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) {
    display: flex;
    align-items: center;
    width: auto;
    padding: 0 4px
}

.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-chromecast-button-label {
    flex-grow: 1;
    margin-left: 4px
}

.vjs-chromecast-button.vjs-chromecast-button-lg:not(.vjs-hidden) .vjs-icon-placeholder {
    flex-grow: 1
}

.vjs-tech-chromecast {
    display: flex;
    flex-direction: column;
    justify-content: 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: .5em
}

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