.remove-scroll{
    overflow:hidden
}
.lightbox-hide{
    top:-9999px;
    left:-9999px;
    position:absolute;
    visibility:hidden
}
.lightbox-container{
    top:0;
    left:0;
    right:0;
    bottom:0;
    padding:2em;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    position:fixed;
    align-items:center;
    justify-content:center;
    background-color:#1d1d1d;
    background-color:rgba(29,29,29,.9)
}
.lightbox-wrapper{
    position:relative
}
.lightbox-image{
    max-height:95vh;
    vertical-align:middle
}
.lightbox-btn{
    width:2.2em;
    height:2.2em;
    position:absolute;
    border-radius:50%;
    transition:all .3s;
    background-color:#000;
    background-position:center;
    background-repeat:no-repeat
}
.lightbox-btn:disabled{
    cursor:initial;
    background-color:#adadad
}
.lightbox-btn-close{
    top:-.8em;
    right:-.8em;
    background-size:40%;
    background-image:url(icon-lightbox-close.svg)
}
.lightbox-btn-next,.lightbox-btn-previous{
    top:calc(50% - (2.2em / 2));
    background-size:25% 80%;
    background-image:url(icon-lightbox-arrow.svg)
}
.lightbox-btn-previous{
    left:1.5em;
    transform:rotate(180deg)
}
.lightbox-btn-next{
    right:1.5em
}
.lightbox-video-wrapper{
    width:80vw;
    overflow:hidden;
    position:relative;
    padding-bottom:56.25%
}
.lightbox-video-player{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute
}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes createBox{from{transform:scale(0)}to{transform:scale(1)}}@keyframes deleteBox{from{transform:scale(1)}to{transform:scale(0)}}