.lightbox{align-items:center;backdrop-filter:blur(5px);background:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity 0s ease-in-out;visibility:hidden;width:100vw;z-index:9999999}.lightbox.lightbox--open,.lightbox:target{opacity:1;visibility:visible}.lightbox.lightbox--open .lightbox__wrapper,.lightbox:target .lightbox__wrapper{opacity:1;transform:scale(1) translateY(0)}.lightbox__wrapper{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.8);display:inline-block;margin:1em auto;max-width:75%;opacity:0;padding:.5em;position:relative;transform:scale(.95) translateY(-30px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.lightbox__close{background:#000;border-radius:50%;box-shadow:inset 0 0 0 2px #fff,0 0 5px rgba(0,0,0,.5);color:#fff;font-weight:700;height:1.5em;position:absolute;right:-1em;text-decoration:none;top:-1em;width:1.5em}.lightbox__close:before{transform:rotate(-45deg)}.lightbox__close:after,.lightbox__close:before{background:#fff;content:"";display:block;height:2px;left:50%;margin:-1px 0 0 -5px;position:absolute;top:50%;width:10px}.lightbox__close:after{transform:rotate(45deg)}.lightbox__arrow-left{bottom:0;left:0;position:absolute;right:50%;top:0}.lightbox__arrow-left:before{border:2px solid #fff;border-bottom:0;border-radius:4px 0 0 0;border-right:0;content:"";cursor:pointer;display:inline-block;height:20px;position:absolute;right:100%;top:50%;transform:rotate(-45deg) translateY(-50%);width:20px}.lightbox__arrow-right{bottom:0;left:50%;position:absolute;right:0;top:0}.lightbox__arrow-right:before{border:2px solid #fff;border-bottom:0;border-left:0;border-radius:0 4px 0 0;content:"";cursor:pointer;display:block;height:20px;left:100%;position:absolute;top:50%;transform:rotate(45deg) translateY(-50%);width:20px}.lightbox__image{margin:0 auto;max-height:70vh;object-fit:contain}