.Lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background-color:rgba(0,0,0,0.6);opacity:0;transform:scale(0.9);transition:opacity ease 0.2s,transform ease 0.2s;pointer-events:none}
.Lightbox.isOpen{pointer-events:all;opacity:1;transform:scale(1)}
.Lightbox-content{position:absolute;display:block;width:100%;height:100%}
.Lightbox [data-ajax-partial]{position:absolute;top:0;left:0;width:100%;height:100%}
.Lightbox-image{transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;z-index:2;opacity:0;filter:blur(5px);transition:opacity ease 0.2s,filter ease 0.2s}
.Lightbox-image.isLoaded{opacity:1;filter:blur(0)}
.Lightbox-description{position:absolute;bottom:0;left:0;z-index:2;color:var(--color-white);font-size:16px;line-height:1.2;text-align:center;padding:50px 20px;opacity:0;transition:opacity ease 0.2s;width:100%;background-image:linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0))}
.Lightbox-description.isLoaded{opacity:1}
.Lightbox-description a{color:var(--color-white);white-space:nowrap}
.Lightbox-description a:hover{color:var(--color-primary)}
.Lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:3}
.Lightbox-arrow svg{fill:var(--color-white)}
.Lightbox-arrow--prev{left:20px}
.Lightbox-arrow--next{right:20px}
.Lightbox-close{position:absolute;top:20px;right:20px;cursor:pointer;z-index:3}
.Lightbox-close svg{fill:var(--color-white);width:20px;height:20px}
.Lightbox-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.Lightbox-loaderIcon{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid;border-color:var(--color-secondary) #0000;animation:l1 1s infinite;z-index:1}
@keyframes l1{to{transform:rotate(0.5turn)}}