@import"styles/global-vars-mixins.scss";.has-lightbox{cursor:zoom-in}.lightbox-component{display:none;width:100%;height:100%;top:0;left:0;border-radius:0;background:#000000bf;padding:var(--global-sect-pad-y-lg) var(--global-sect-pad-x-lg);position:fixed;z-index:10000000;align-items:center;justify-content:center}.lightbox-component .lightbox-wrapper{max-width:100%;height:fit-content}.lightbox-component:has(.zoomed-in):not(:has(.zoom-disabled)){padding:0}.lightbox-component .swiper-container{overflow:hidden}.lightbox-component .swiper-wrapper .swiper-slide{opacity:0;transition:all .3s;border:var(--global-border-width) solid var(--global-border);height:fit-content}.lightbox-component .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1}:is(.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video_internal,.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video_external) .image-container img{object-fit:cover}.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video{position:relative}.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video .play-btn-wrapper{background-color:var(--brand-black);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:100%;display:flex;align-items:center;justify-content:center;z-index:5;transition:background-color .3s ease-in-out}.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video .play-btn-wrapper:hover{background-color:var(--brand-blue)}.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video .play-btn-wrapper .icon-play{padding:0;height:24px;width:24px;color:var(--brand-white);background-color:transparent}.lightbox-component .swiper-wrapper .swiper-slide .image-container{max-height:90vh;height:fit-content;width:100%}.lightbox-component .swiper-wrapper .swiper-slide .image-container img{object-fit:contain;width:100%;height:fit-content;transition:scale .3s ease-in-out;max-height:90vh}.lightbox-component .swiper-wrapper .swiper-slide .image-container img.video-poster{height:100%;width:100%;object-fit:cover}.lightbox-component .swiper-wrapper .swiper-slide .image-container img.zoomed-in{scale:2;cursor:zoom-out}.lightbox-component .swiper-wrapper .swiper-slide .image-container .placeholder-svg{height:100%;width:100%}.lightbox-component .swiper-button.swiper-button-prev{left:calc(var(--global-sect-pad-x-lg) - var(--global-grid-gap))}.lightbox-component .swiper-button.swiper-button-next{rotate:180deg;right:calc(var(--global-sect-pad-x-lg) - var(--global-grid-gap))}.lightbox-component .swiper-button:after{display:none}.lightbox-component .swiper-button svg circle{fill:var(--brand-blue);transition:fill .3s ease-in-out}.lightbox-component .swiper-button svg path{fill:var(--brand-white)}.lightbox-component .swiper-button:hover svg circle{fill:var(--brand-black)}.lightbox-component .swiper-button:focus-visible,.lightbox-component .swiper-button:focus{outline:2px solid var(--brand-blue);outline-offset:2px;border-radius:100%}.lightbox-component .lightbox-close{cursor:pointer;border-radius:var(--arrow-border-rad);border:none;height:32px;width:32px;display:flex;align-items:center;justify-content:center;position:absolute;right:calc(var(--global-sect-pad-x-lg) / 2);top:calc(var(--global-sect-pad-y-lg) / 2);z-index:1;transition:all .3s ease-in-out;background-color:var(--brand-blue);transition:background-color .3s ease-in-out}.lightbox-component .lightbox-close:hover{background-color:var(--brand-black)}.lightbox-component .lightbox-close:focus-visible,.lightbox-component .lightbox-close:focus{outline:2px solid var(--brand-blue);outline-offset:2px}.lightbox-component .lightbox-close svg{height:24px;width:24px;color:var(--brand-white)}.lightbox-component:has(.zoomed-in) .lightbox-close{border-radius:var(--icon-border-rad)}.lightbox-component .video-component,.lightbox-component .video-container{height:100%;width:100%}:is(.lightbox-component .video-component,.lightbox-component .video-container) .image-container img{object-fit:cover}.lightbox-component .video-stored-container .video-poster{object-fit:cover;height:100%;width:100%}.lightbox-component .video-external-container .top-layer{border-radius:var(--global-border-rad)}.lightbox-component .video-external-container iframe{padding:var(--box-pad-sm)}.lightbox-component .icon-play{box-sizing:content-box;border-radius:1000px}.lightbox-component .play-btn{height:32px;width:32px}
/*# sourceMappingURL=/cdn/shop/t/13/assets/lightbox.css.map */