/* Copied from old project to restore missing icons and styles */

.lightbox-button .chevron {
    background: url(images/c37a5314ba360c995451518527cf293c-generic_light.svg) no-repeat 0 var(--directions);
    width: 28px;
    height: 28px;
}

.lightbox-button .chevron-left {
    --directions: -924px;
}

.lightbox-button .chevron-right {
    --directions: -896px;
}

button .play {
    background: url(images/7aa07c2b59078cb28f473c383c33970a-common_light.svg) no-repeat 0 0 / 72px auto;
    display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
}

.father .icon {
    background: url(images/280dca08efdee68f40a89256d6f9f25d-branded_light.svg) no-repeat var(--direction);
    margin-bottom: 4px;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

.father:hover .icon {
    background: url(images/280dca08efdee68f40a89256d6f9f25d-branded_light.svg) no-repeat var(--direction);
}

.father .favorite-icon {
    --direction: 0 -84px;
}

.father:hover .favorite-icon,
.father .favorite-act {
    --direction: -28px -84px;
}

.father .follow-icon {
    --direction: 0 -252px;
}

.father:hover .follow-icon,
.father .follow-act {
    --direction: -28px -252px;
}

.vote .icon {
    background: url(images/45c53679bb27a14ba029ba06afc67bb2-games_light.svg) no-repeat var(--direction);
    margin-bottom: 4px;
    display: inline-block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
}

.vote .like-icon {
    --direction: 0 -84px;
}

.vote .like-icon:hover,
.vote .like-icon.like-act {
    --direction: -28px -84px;
}

.vote .dislike-icon {
    --direction: 0 -112px;
}

.vote .dislike-icon:hover,
.vote .dislike-act {
    --direction: -28px -112px;
}

/* For the popup background */
.popup-container {
    background: url(images/XBG.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}