.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;background-color:#000c;z-index:98000000}.lightbox__image{position:fixed}.lightbox__close{position:fixed;top:20px;right:20px;width:30px;height:20px;background:url(/images/closeicon.png) transparent no-repeat;background-size:30px 20px;transition:transform .3s;cursor:pointer}.lightbox-fade-enter-active,.lightbox-fade-leave-active{transition:opacity .3s}.lightbox-fade-enter,.lightbox-fade-leave-active{opacity:0}.lightbox-next-enter-active,.lightbox-next-leave-active{position:fixed;width:100%;height:100%;top:0;left:0;transition:transform .5s,opacity .5s}.lightbox-next-enter{opacity:0;transform:translate(100px)}.lightbox-next-leave-active{opacity:0;transform:translate(-100px)}.lightbox-next-enter-active{transition-delay:.3s}.lightbox-prev-enter-active,.lightbox-prev-leave-active{position:fixed;width:100%;height:100%;top:0;left:0;transition:transform .5s,opacity .5s}.lightbox-prev-enter{opacity:0;transform:translate(-100px)}.lightbox-prev-leave-active{opacity:0;transform:translate(100px)}.lightbox-prev-enter-active{transition-delay:.3s}.lightbox__btn{position:fixed;top:50%;width:50px;height:90px;margin-top:-40px;background-color:transparent;background-size:50px 90px;transition:transform .3s;cursor:pointer}.lightbox__btn:hover,.lightbox__close:hover{transform:scale(1.2)}.lightbox__next{right:20px;background:url(/images/next.png) transparent no-repeat;background-size:50px 50px;transition:transform .3s}.lightbox__prev{left:20px;background:url(/images/prev.png) transparent no-repeat;background-size:50px 50px;transition:transform .3s}