.basicLightbox{position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.8);opacity:.01;transition:opacity .4s cubic-bezier(.51,.92,.24,1);z-index:1000;will-change:opacity}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;transform:scale(.9);transition:transform .4s cubic-bezier(.51,.92,.24,1);z-index:1;will-change:transform}.basicLightbox__placeholder>img:first-child:last-child{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:95%;max-height:95%;width:auto;height:auto}.basicLightbox__placeholder>iframe:first-child:last-child{display:block;margin:0 auto;max-width:95%}.basicLightbox__placeholder>[data-basicLightbox]{display:block!important}.basicLightbox--img .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}[data-basicLightbox]{display:none!important}
.basicLightbox {
    background: rgba(0, 1, 0, 0.6);
    will-change: auto;
}
.basicLightbox__placeholder::before {
    content: '';
    position: absolute;
    top: -12px;
    right: 0;
    transform: translateY(-100%);
    width: 36px;
    height: 36px;
    background: url('/images/close.svg');
    background-size: contain;
    z-index: 2;
    pointer-events: none;
}
.basicLightbox__placeholder {
    will-change: auto;
    position: relative;
}
.basicLightbox video {
    max-width: 100%;
    max-height: 100vh;
}
.basicLightbox .icon::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
}
.basicLightbox .icon--prev {
    transform: translateX(0.9rem);
}
.basicLightbox .icon--prev:hover {
    transform: translateX(0.9rem) scale(1.1);
}
.basicLightbox .icon--next {
    transform: translateX(-0.9rem);
}
.basicLightbox .icon--next:hover {
    transform: translateX(-0.9rem) scale(1.1);
}
@media (max-width: 640px) {
    .basicLightbox__placeholder::before {
        right: 10px;
    }
}