.has-lightbox:not(:has(.placeholder-img)){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:-moz-fit-content;height:fit-content}.lightbox-component:has(.zoomed-in):not(:has(.zoom-disabled)){padding:0}.lightbox-component .swiper-wrapper .swiper-slide{opacity:0;transition:all .3s;background-color:var(--background-fill-dark-1);border-radius:var(--global-border-rad);border:var(--global-border-width) solid var(--global-border);height:-moz-fit-content;height:fit-content}.lightbox-component .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1}.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video_external .image-container img,.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video_internal .image-container img{-o-object-fit:cover;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-yellow);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-cyan)}.lightbox-component .swiper-wrapper .swiper-slide.lightbox-video .play-btn-wrapper .icon-play{padding:0;height:24px;width:24px;color:var(--icon-fill-dark);background-color:transparent}.lightbox-component .swiper-wrapper .swiper-slide .image-container{height:-moz-fit-content;height:fit-content;width:100%}.lightbox-component .swiper-wrapper .swiper-slide .image-container:has(img[src*=".png"]){background-image:url(bike-backdrop-product-image.png);background-repeat:no-repeat;background-size:cover;background-position:center}.lightbox-component .swiper-wrapper .swiper-slide .image-container img{border-radius:var(--global-border-rad);min-width:auto;min-height:auto;-o-object-fit:contain;object-fit:contain;width:100%;height:-moz-fit-content;height:fit-content;transition:scale .3s ease-in-out}.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-sm))}.lightbox-component .swiper-button.swiper-button-next{right:calc(var(--global-sect-pad-x-lg) + var(--global-grid-gap-sm))}.lightbox-component .swiper-button:after{display:none}.lightbox-component .swiper-button svg{fill:var(--arrow-icon-fill-default)}.lightbox-component .lightbox-close{cursor:pointer;border-radius:var(--arrow-border-rad);border:var(--arrow-border-width) solid var(--arrow-bg-stroke-default);min-height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;position:absolute;right:calc(var(--global-sect-pad-x-lg));top:calc(var(--global-sect-pad-y-lg));z-index:1;outline:2px solid transparent;transition:all .3s ease-in-out}.lightbox-component .lightbox-close:focus,.lightbox-component .lightbox-close:focus-visible,.lightbox-component .lightbox-close:hover{outline:2px solid var(--brand-cyan);outline-offset:2px;border:var(--icon-border-width) solid var(--icon-fill-hover)}.lightbox-component .lightbox-close:focus svg,.lightbox-component .lightbox-close:focus-visible svg,.lightbox-component .lightbox-close:hover svg{transition:color .3s ease-in-out;color:var(--icon-fill-hover)}.lightbox-component .lightbox-close svg{height:24px;width:24px}.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%}.lightbox-component .video-component .image-container img,.lightbox-component .video-container .image-container img{-o-object-fit:cover;object-fit:cover}.lightbox-component .video-stored-container .video-poster{-o-object-fit:cover;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}
/*# sourceMappingURL=/cdn/shop/t/3/assets/lightbox.css.map */