@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes lightbox-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox{z-index:200;background:#000000f5;justify-content:center;align-items:center;padding:1rem;animation:.2s forwards lightbox-fade;display:flex;position:fixed;inset:0}.lightbox button.backdrop{cursor:default;background:0 0;border:none;position:absolute;inset:0}.lightbox .panel{z-index:1;flex-direction:column;width:min(90vw,1200px);max-height:90vh;animation:.25s forwards lightbox-panel-in;display:flex;position:relative}.lightbox .toolbar{justify-content:flex-end;align-items:center;padding-bottom:.5rem;display:flex}.lightbox .toolbar span{color:#a8a8a8;margin-right:auto;font-family:Raleway,Raleway Fallback;font-size:.875rem}.lightbox .toolbar button.close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.lightbox .toolbar button.close:hover{background:#ffffff1a}.lightbox .toolbar button.close svg{display:block}.lightbox .image-wrap{flex-shrink:0;justify-content:center;align-items:center;width:100%;height:min(70vh,900px);display:flex;position:relative}@media (max-width:768px){.lightbox .image-wrap{height:min(60vh,500px)}}.lightbox .image-wrap .image-fade{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lightbox .image-wrap .image-fade a,.lightbox .image-wrap .image-fade picture{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lightbox .image-wrap .image-fade img{opacity:0;border-radius:4px;max-width:100%;max-height:100%;transition:all .2s}.lightbox .image-wrap .image-fade[data-loaded] img{opacity:1}.lightbox .image-wrap .image-fade .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightbox .image-wrap button{z-index:2;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox .image-wrap button:hover:not(:disabled){background:#fff3}.lightbox .image-wrap button:disabled{cursor:default;opacity:.25}.lightbox .image-wrap button.prev{left:.5rem}.lightbox .image-wrap button.next{right:.5rem}.lightbox .image-wrap button img{filter:brightness(0)invert();display:block}.lightbox p{color:#a8a8a8;text-align:center;padding-top:.5rem;font-family:Raleway,Raleway Fallback;font-size:.875rem}
