.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-lightbox.is-active{display:flex;opacity:1}.image-lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000eb;cursor:pointer;z-index:1}.image-lightbox__container{position:relative;width:90%;height:90%;max-width:1400px;max-height:90vh;z-index:2;display:flex;align-items:center;justify-content:center}.image-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.image-lightbox__close:hover{background-color:#fff3;transform:scale(1.1)}.image-lightbox__close svg{width:20px;height:20px}.image-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background-color:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,opacity .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.8}.image-lightbox__nav:hover{background-color:#fff3;opacity:1;transform:translateY(-50%) scale(1.05)}.image-lightbox__nav--prev{left:20px}.image-lightbox__nav--next{right:20px}.image-lightbox__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:80px 100px}.image-lightbox__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;transition:opacity .3s ease;box-shadow:0 20px 60px #00000080}.image-lightbox__loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;pointer-events:none}.image-lightbox__loader.is-visible{opacity:1}.image-lightbox__spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spinner-rotate .8s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.image-lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background-color:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.horizontal-gallery-image-container.has-lightbox{cursor:zoom-in}.horizontal-gallery-image-container.has-lightbox:after{content:"";position:absolute;top:12px;right:12px;width:32px;height:32px;background-color:#0009;border-radius:4px;opacity:0;transition:opacity .2s ease;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:18px}.horizontal-gallery-image-container.has-lightbox:hover:after{opacity:1}@media screen and (max-width: 989px){.image-lightbox__content{padding:70px 80px}.image-lightbox__close{width:40px;height:40px}.image-lightbox__nav{width:48px;height:48px}}@media screen and (max-width: 749px){.image-lightbox__content{padding:60px 20px 80px}.image-lightbox__close{top:10px;right:10px;width:40px;height:40px;background-color:#000c}.image-lightbox__nav,.image-lightbox__counter{display:none!important}.horizontal-gallery-image-container.has-lightbox:after{display:none}.horizontal-gallery-image-container.has-lightbox,.horizontal-gallery-link{cursor:default}}@media (prefers-reduced-motion: reduce){.image-lightbox,.image-lightbox__image,.image-lightbox__close,.image-lightbox__nav,.image-lightbox__loader{transition:none}.image-lightbox__spinner{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/horizontal-image-gallery-lightbox.css.map */
