:root {
    --plyr-color-main: var(--color-primary);
}

.goverlay,
.glightbox-mobile .goverlay
{
    background-color: rgba(var(--color-overlay-rgb), .8);
}


.glightbox-clean .gclose,
.glightbox-clean .gnext,
.glightbox-clean .gprev
{
    transition: var(--transition);

}

.glightbox-clean .gclose,
.glightbox-clean .gclose:hover
{
    background: transparent;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev
{
    background-color: rgba(0,0,0,.45);
    width: 50px;
    border-radius: 50%;
}

.gclose svg,
.gnext svg,
.gprev svg {
    width: 20px;
}

.glightbox-container .plyr__video-wrapper.plyr__video-embed::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 100%);
    backdrop-filter: blur(5px);
    transition: var(--transition);

    opacity: 0;
}

.glightbox-container .plyr.plyr--paused .plyr__video-wrapper.plyr__video-embed::after {
    opacity: 1;
}

.glightbox-closing {
    pointer-events: none;
}

@media (max-width: 63.9375rem)
{
    .glightbox-clean .gslide-video {
        max-width: 100% !important;
    }
}