.lightbox{position:fixed;top:0;left:0;background:#000c;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:901}.lightbox__thumbnail img{width:100%}.lightbox__close{position:fixed;right:0;top:0;padding:1rem;font-size:1.5rem;cursor:pointer;color:#fff;width:4rem;height:4rem}.lightbox__arrow--invisible{visibility:hidden}.lightbox__element{display:flex;width:100%;height:-moz-fit-content;height:fit-content}.lightbox__arrow{padding:0 2rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.lightbox__arrow svg{fill:#fff;pointer-events:none}.lightbox__image{flex:1;text-align:center}.lightbox__image img{width:100%;height:auto!important;max-width:500px;max-height:500px}@media screen and (max-width:720px){.lightbox__arrow{padding:0 1rem}}@media screen and (max-width:500px){.lightbox__element{position:relative}.lightbox__arrow{position:absolute;padding:0 2rem;height:100%}.lightbox__arrow--right{right:0;background:linear-gradient(to right,transparent,rgba(0,0,0,.3))}.lightbox__arrow--left{left:0;background:linear-gradient(to left,transparent,rgba(0,0,0,.3))}}