mobile-gallery{position:relative;display:block}.only-mobile{display:block}@media (min-width: 990px){.only-mobile{display:none!important}}.mobile-gallery-slider{display:flex;align-items:stretch;white-space:nowrap;padding-top:100%;transition:transform .5s ease-in-out;overflow:hidden}.mobile-gallery-slider .mobile-gallery-slide,.mobile-popup-slider .mobile-gallery-slide{position:relative;display:inline-block;width:100%;flex:0 0 100%;padding-top:100%;display:flex;justify-content:center;align-items:center;background-color:#fff}.mobile-gallery-slide img,.mobile-gallery-slide video,.mobile-gallery-slide iframe,.video-wrapper{height:auto;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.mobile-gallery-slider.slick-initialized{padding-top:0;display:block;white-space:inherit;overflow:visible}.mobile-gallery-slider.slick-initialized.image-skeleton-wrapper:before{opacity:0;transition:opacity .3s ease-out}.mobile-gallery-slide img{background-color:#fff}.mobile-gallery-dots,.mobile-popup-dots{position:relative;width:100%;text-align:center;margin-top:.5rem;z-index:1}.mobile-gallery-dots .slick-dots,.mobile-popup-dots .slick-dots{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;bottom:0}.mobile-gallery-dots .slick-dots li,.mobile-popup-dots .slick-dots li{width:8px;height:8px;margin:2.5px}.mobile-gallery-dots .slick-dots li button,.mobile-popup-dots .slick-dots li button{width:8px;height:8px;padding:0;border-radius:50%;background-color:#23232b;opacity:.2}.mobile-popup-dots .slick-dots li button{background-color:#fff;opacity:1}.mobile-gallery-dots .slick-dots li.slick-active button{opacity:1}.mobile-popup-dots .slick-dots li.slick-active button{opacity:.2}.mobile-gallery-dots .slick-dots li button:before,.mobile-popup-dots .slick-dots li button:before{content:none}mobile-gallery .main-slider-arrow--left,mobile-gallery .main-slider-arrow--right{display:none!important;position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:36px;height:36px;display:flex;justify-content:center;align-items:center;background-color:#616166;transition:background-color .3s ease;border-radius:50%}mobile-gallery .main-slider-arrow--left{left:0}mobile-gallery .main-slider-arrow--right{right:0}mobile-gallery .slick-arrow.slick-disabled{background-color:#e5e5e5}mobile-gallery .slick-arrow.slick-disabled svg path{fill:#b3b3b3}.video-wrapper{aspect-ratio:16 / 9;overflow:hidden}.video-wrapper iframe{width:100%;height:100%;pointer-events:none}body .video-iframe-overlay:empty{position:absolute;display:block;top:0;left:0;z-index:2;width:100%;height:100%;cursor:pointer;pointer-events:auto}.mobile-popup-overlay{position:fixed;display:flex;justify-content:center;flex-direction:column;align-items:center;top:0;left:0;right:0;bottom:0;z-index:9999;background:#000000e6;padding:1rem;opacity:0;visibility:hidden;transform:translateY(50px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s;pointer-events:none}.mobile-popup-overlay.is-active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .35s ease,transform .35s ease,visibility 0s;pointer-events:auto}.mobile-popup-overlay[hidden]{display:none!important}.mobile-popup-slider{width:100%;max-width:100%;height:70%;z-index:1}.mobile-popup-slider .slick-list{height:100%!important}.mobile-gallery-slider.slick-track,.mobile-popup-slider .slick-track{will-change:transform}.mobile-popup-slider .slick-track{display:flex;align-items:stretch;height:100%}.mobile-gallery-slider.slick-initialized .mobile-gallery-slide-wrap.slick-slide,.mobile-popup-slider.slick-initialized .mobile-gallery-slide-wrap.slick-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.mobile-popup-slider.slick-initialized .mobile-gallery-slide-wrap.slick-slide{display:flex;align-items:center;justify-content:center}.mobile-popup-slider.slick-initialized .mobile-gallery-slide-wrap.slick-slide>div>div{will-change:transform}.mobile-popup-slider.slick-initialized .mobile-gallery-slide-wrap.slick-slide{height:auto;display:flex;align-items:center;justify-content:center}.mobile-popup-slider.slick-initialized .video-wrapper{height:auto;top:50%;transform:translateY(-50%)}.mobile-popup-close{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#fff;background:transparent;border:none;cursor:pointer;z-index:10000}.mobile-popup-overlay .mobile-popup-backdrop:empty{position:absolute;display:block;top:0;left:0;right:0;bottom:0;background:transparent;z-index:0}.popup-zoom-image{max-width:100%;max-height:100%;display:block;margin:0 auto;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform;transition:transform .1s ease;transform-origin:center center;opacity:0;transition:opacity .3s ease-in}.image-skeleton-wrapper{position:relative;width:100%;height:100%}.image-skeleton-wrapper:before{content:"";display:block;background:linear-gradient(90deg,#f2f2f2 25%,#e0e0e0,#f2f2f2 75%);background-size:200% 100%;-webkit-animation:skeleton-loading 1.5s infinite;animation:skeleton-loading 1.5s infinite;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.image-skeleton-wrapper.loaded:before{opacity:0;transition:opacity .3s ease-out}.image-skeleton-wrapper.loaded .popup-zoom-image{opacity:1}@-webkit-keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.zoom-container{position:absolute;left:0;top:0;overflow:hidden;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.zoom-container.zoom-disabled{touch-action:auto!important;cursor:default}.zoom-container.zoom-disabled img{pointer-events:none}product-gallery{display:none;width:100%;padding-top:20px}.custom-product-gallery{display:flex;gap:1rem}.custom-gallery-wrapper{display:flex;width:100%;gap:2rem}.custom-gallery-thumbnails.only-desktop{display:none}@media (min-width: 990px){product-gallery{display:block}.custom-gallery-thumbnails.only-desktop{display:flex;flex-direction:column;gap:1.6rem}}.thumbnail-btn{position:relative;border:none;padding:0;background:none;cursor:pointer;border-radius:4px;overflow:hidden}.thumbnail-btn.is-active{outline:2px solid #f1592a;outline-offset:1px;border-radius:4px}.thumbnail-btn.is-video{overflow:visible}.thumbnail-btn__warp{border-radius:4px;overflow:hidden}.thumbnail-btn.is-video .thumbnail-btn__warp:after,.thumbnail-btn.is-video .thumbnail-btn__warp:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.thumbnail-btn.is-video .thumbnail-btn__warp:after{background-position:center center;background-repeat:no-repeat;background-size:50%;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%2323232B' fill-opacity='0.3'/%3E%3Cpath d='M17 26.7812V21.2151C17 18.024 17 16.4285 18.0305 15.8574C19.0609 15.2862 20.4139 16.1319 23.12 17.8231L27.5728 20.6061C30.0085 22.1285 31.2264 22.8896 31.2264 23.9981C31.2264 25.1066 30.0085 25.8678 27.5728 27.3901L23.12 30.1731C20.4139 31.8644 19.0609 32.7101 18.0305 32.1389C17 31.5678 17 29.9723 17 26.7812Z' fill='white'/%3E%3C/svg%3E%0A")}.thumbnail-btn.is-video .thumbnail-btn__warp:before{background:#0000004d;border-radius:4px}.thumbnail-btn img{display:block;width:88px;height:88px;-o-object-fit:contain;-o-object-position:center;object-position:center;object-fit:contain}.thumbnail-badge{position:absolute;top:4px;right:4px;font-size:.75rem;background:#444;color:#fff;border-radius:3px;padding:.1em .3em;pointer-events:none}.thumbnail-video-wrapper{position:relative}.thumbnail-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;color:#fff;background:#0009;border-radius:50%;padding:.25em .4em;pointer-events:none}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.9rem;border-radius:4px;cursor:pointer}.thumbnail-video-count{position:absolute;top:calc(100% + 8px);left:0;width:100%;text-align:center;font-size:1.25rem;text-transform:uppercase;letter-spacing:normal;color:#23232b;font-weight:600}.video-thumb-item{display:flex;align-items:flex-start;padding:0;border:0;gap:1rem;background:#fff;cursor:pointer;width:100%;text-align:left;transition:border .2s}.video-thumb-image{position:relative;border-radius:4px;border:2px solid transparent;width:130px;flex-shrink:0;overflow:hidden;transition:.3s ease}.video-thumb-image:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.video-thumb-image:after{background-position:center center;background-repeat:no-repeat;background-size:30%;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%2323232B' fill-opacity='0.3'/%3E%3Cpath d='M17 26.7812V21.2151C17 18.024 17 16.4285 18.0305 15.8574C19.0609 15.2862 20.4139 16.1319 23.12 17.8231L27.5728 20.6061C30.0085 22.1285 31.2264 22.8896 31.2264 23.9981C31.2264 25.1066 30.0085 25.8678 27.5728 27.3901L23.12 30.1731C20.4139 31.8644 19.0609 32.7101 18.0305 32.1389C17 31.5678 17 29.9723 17 26.7812Z' fill='white'/%3E%3C/svg%3E%0A")}.video-thumb-item:hover .video-thumb-image,.video-thumb-item.is-active .video-thumb-image{border-color:#f1592a}.video-thumb-image img{width:100%;display:block}.video-thumb-meta{flex:1}.video-title{margin:0;font-size:1.2rem;line-height:1.8rem;font-weight:400;margin-bottom:.25rem}.custom-gallery-main{position:relative;max-width:800px;flex-grow:1}.main-image-container{position:relative;width:100%;padding-top:100%;cursor:pointer}.main-image-container.is-video-preview:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:60px;background-image:url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' rx='24' fill='%2323232B' fill-opacity='0.3'/%3E%3Cpath d='M17 26.7812V21.2151C17 18.024 17 16.4285 18.0305 15.8574C19.0609 15.2862 20.4139 16.1319 23.12 17.8231L27.5728 20.6061C30.0085 22.1285 31.2264 22.8896 31.2264 23.9981C31.2264 25.1066 30.0085 25.8678 27.5728 27.3901L23.12 30.1731C20.4139 31.8644 19.0609 32.7101 18.0305 32.1389C17 31.5678 17 29.9723 17 26.7812Z' fill='white'/%3E%3C/svg%3E%0A")}.main-image-container .image-skeleton-wrapper{position:absolute;top:0;left:0;border-radius:24px;overflow:hidden}.main-image-container .image-skeleton-wrapper>img{opacity:0;transition:opacity .3s ease-in}.main-image-container .image-skeleton-wrapper.loaded>img{opacity:1}.main-image-container .image-skeleton-wrapper>img,.main-image-container>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;border-radius:24px;-o-object-fit:contain;object-fit:contain}.main-product-image{display:block;max-width:100%;max-height:400px}.zoom-result{position:fixed;top:calc(var(--header-height, 200px) + 20px);height:calc(98vh - var(--header-height, 200px) + 20px);right:80px;bottom:0;width:40%;max-width:50%;overflow:hidden;display:none;box-shadow:0 0 10px #0000001a;background:#fff;z-index:10}.zoom-result img{position:absolute;width:auto;height:auto;top:0;left:0}.zoom-result,.zoom-lens{will-change:transform,left,top}.zoom-lens{position:absolute;background-image:var(--zoom-lens-shader);display:none;pointer-events:none;z-index:15}.product-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-animation:fadeIn .25s ease-out;animation:fadeIn .25s ease-out}.product-popup-overlay[hidden]{display:none!important}.product-popup-backdrop:empty{position:fixed;display:block;top:0;right:0;bottom:0;left:0;z-index:0}.product-popup{position:relative;z-index:1}.product-popup{position:relative;background:#fff;display:flex;flex-direction:column;max-width:1200px;padding:20px;width:100%;height:90vh;border-radius:8px;overflow:hidden;-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out}.popup-content{display:flex;flex-grow:1;overflow:hidden}.popup-media-viewer,.popup-media-viewer:empty{position:relative;flex:1 1 calc(100% - 390px);min-width:0;padding:2rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.popup-media-viewer video{width:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.popup-media-viewer{position:relative;overflow:hidden;width:100%;height:100%;border:20px solid transparent}.popup-media-viewer-media-zoom-img{cursor:zoom-in}.popup-media-viewer-media-zoom-img.is-zoomed{cursor:zoom-out}.popup-media-viewer .popup-media-zoom-img,.popup-media-viewer img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.popup-media-viewer.popup-media-viewer-media-zoom-img.is-zoomed .popup-media-inner,.popup-media-viewer.popup-media-viewer-media-zoom-img.is-zoomed .popup-media-inner .image-skeleton-wrapper.loaded{display:block}.popup-media-inner{position:absolute;top:0;left:0;width:100%;height:100%}.popup-media-inner,.popup-media-inner .image-skeleton-wrapper{display:flex;align-items:center;justify-content:center}.popup-media-viewer.is-zoomed .popup-media-zoom-img{display:block;width:auto;height:auto;max-width:none;max-height:none;transition:none;pointer-events:none;-o-object-fit:none;object-fit:none}.popup-sidebar{width:390px;border-left:1px solid #eee;padding:2rem;overflow-y:auto}.popup-product-title{font-size:1.8rem;font-weight:600;margin-bottom:1.6rem;color:#111;line-height:1.2}.popup-tabs{padding:0 1rem;border-bottom:1px solid #eee}.popup-tab{padding:.5rem 1rem;background:none;border:none;font-size:1.5rem;text-transform:uppercase;font-weight:500;cursor:pointer}.popup-tab.is-active{border-bottom:2px solid #f1592a}.popup-thumbnails{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.popup-thumb{display:block;width:60px;height:60px;border:0;padding:0;margin:0;border-radius:4px;background:transparent;cursor:pointer;outline:2px solid transparent;overflow:hidden;transition:.3s ease}.popup-thumb:hover,.popup-thumb.is-active{outline:2px solid #f1592a}.popup-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.popup-thumbnails.hidden{display:none}.popup-close{position:absolute;top:10px;right:10px;font-size:2rem;background:none;border:none;cursor:pointer;z-index:10}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.is-zoomed-simple{cursor:zoom-out}.mobile-popup-slider.slick-dotted.slick-slider{margin-bottom:0}.mobile-popup-thumb.slick-active.active{border:2px solid #F1592A!important;outline:none!important}body.acsb-keynav .mobile-popup-thumb.slick-active.active[data-acsb-focused=true][data-acsb-inner-focus=true],body.acsb-keynav .mobile-popup-thumb.slick-active.active:focus{border:2px solid #F1592A!important;outline:none!important}.mobile-popup-thumb{border:none!important;outline:none!important;position:relative;cursor:pointer;margin:0 5px;background:#fff;padding:5px;display:inline-block}.mobile-popup-thumb img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1;transition:border .2s ease}.mobile-popup-thumb:focus{border:none!important;outline:none!important}.mobile-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#000c}.mobile-popup-overlay[hidden]{display:none}.mobile-popup-overlay.is-active{display:block}.mobile-popup-slider{width:100%;max-height:60vh;margin:0 auto}.mobile-popup-thumbnails{width:100%;margin:10px auto;overflow:hidden;background:#fff;padding:10px}.mobile-popup-thumb{margin:5px}.mobile-popup-thumb{position:relative;cursor:pointer;margin:0 5px}.mobile-popup-thumb.slick-active.active{border:2px solid yellow;padding:5px}body.acsb-keynav [data-acsb-focused=true][data-acsb-inner-focus=true],body.acsb-keynav :focus[data-acsb-inner-focus=true]{outline-offset:0!important;border:0!important}.mobile-popup-dots{text-align:center;padding:10px 0}.mobile-popup-close{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;color:#fff;cursor:pointer}.mobile-popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.mobile-popup-dots{display:none}@media (min-width: 990px){.mobile-popup-overlay{display:none!important}}.mobile-popup-thumbnails .slick-track{display:flex;align-items:center}.mobile-popup-thumbnails .slick-prev,.mobile-popup-thumbnails .slick-next{width:30px;height:30px;background:#00000080;border-radius:50%;z-index:1}.mobile-popup-thumbnails .slick-prev{left:-15px}.mobile-popup-thumbnails .slick-next{right:-15px}.mobile-popup-thumbnails .slick-prev:before,.mobile-popup-thumbnails .slick-next:before{font-size:16px;color:#fff}
/*# sourceMappingURL=/cdn/shop/t/100/assets/custom-product-gallery.css.map */