.cpg{position:relative;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;--cpg-arrow-size: 40px;--cpg-arrow-size-modal: 48px;--cpg-arrow-bg: rgba(255,255,255,.9);--cpg-arrow-bg-modal: rgba(255,255,255,.7);--cpg-arrow-border: rgba(0,0,0,.15);--cpg-thumb-size: 80px;--cpg-thumb-gap: 8px;--cpg-overlay-bg: rgba(0,0,0,.9);--cpg-overlay-bg-thumbs: rgba(0,0,0,.8);--cpg-active-border: #111;--cpg-active-border-modal: #fff}.cpg *,.cpg *:before,.cpg *:after{box-sizing:inherit}.cpg img,.cpg video{max-width:100%;height:auto;display:block}.cpg-slider{position:relative;width:100%;overflow:hidden}.cpg-track{display:flex;transition:transform .25s ease;will-change:transform}.cpg-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;min-height:1px}.cpg-slide img,.cpg-slide video{width:100%;height:auto;object-fit:contain}.cpg-video-wrap{position:relative;width:100%}.cpg-img-wrap{position:relative;width:100%;height:100%;overflow:hidden}.cpg-img-wrap img{width:100%;height:auto;transform-origin:0 0;transition:transform .18s ease}.cpg-img-wrap[data-zooming=true] img{cursor:grab}.cpg-img-wrap[data-zooming=true] img:active{cursor:grabbing}.cpg-nav{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:4}.cpg-nav .cpg-arrow{pointer-events:auto}.cpg-arrow{width:var(--cpg-arrow-size);height:var(--cpg-arrow-size);border-radius:50%;border:0px solid var(--cpg-arrow-border);background-color:unset;color:#b6b6b6;cursor:pointer;display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:background .15s ease,box-shadow .15s ease;font-size:40px}.cpg-arrow:hover{background:unset}.cpg-arrow:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.cpg-prev{margin-left:8px}.cpg-next{margin-right:8px}.cpg-plp-thumbs{display:flex;flex-wrap:wrap;gap:var(--cpg-thumb-gap);margin-top:8px;justify-content:center}.cpg-plp-thumb{width:var(--cpg-thumb-size);height:var(--cpg-thumb-size);border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;flex:0 0 auto;transition:border-color .15s ease,transform .1s ease}.cpg-plp-thumb:hover{transform:translateY(-1px)}.cpg-plp-thumb.is-active{border-color:var(--cpg-active-border)}.cpg-plp-thumb img{width:100%;height:100%;object-fit:cover}.cpg-dots{display:flex;justify-content:center;margin-top:8px;gap:6px}.cpg-dot{width:10px;height:10px;border-radius:50%;background:#ccc;border:none;cursor:pointer;transition:background .15s ease,transform .1s ease}.cpg-dot:hover{transform:scale(1.08)}.cpg-dot.is-active{background:#111}@media (min-width: 1024px){.cpg-dots{display:none!important}}.cpg-thumbs-viewport::-webkit-scrollbar{height:8px}.cpg-thumbs-viewport::-webkit-scrollbar-track{background:transparent}.cpg-thumbs-viewport::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:8px}.cpg-modal[hidden]{display:none}.cpg-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;flex-direction:column;background:var(--cpg-overlay-bg);contain:layout paint size}.cpg-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cpg-close-zone{position:absolute;top:0;bottom:0;width:15vw;z-index:3}.cpg-close-left{left:0}.cpg-close-right{right:0}.cpg-modal-slider,.cpg-thumbs,.cpg-close,.cpg-modal .cpg-arrow{position:relative;z-index:4}.cpg-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;font-size:20px;cursor:pointer;z-index:1000;transition:background .15s ease}.cpg-close:hover{background:#fff}.cpg-close:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.cpg-close:before{content:"\2715";font-size:20px;line-height:40px;display:block;text-align:center}.cpg-modal-slider{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}@media (min-width: 1024px){.cpg-modal-slider{width:70vw;margin:0 auto}}.cpg-modal-track{display:flex;transition:transform .25s ease;will-change:transform}.cpg-modal-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;min-height:1px}.cpg-modal-slide img,.cpg-modal-slide video{display:block;max-width:100%;max-height:80vh;margin:auto;object-fit:contain;cursor:zoom-in}.cpg-modal .cpg-arrow{position:absolute;top:0;bottom:0;transform:none;margin:auto 0;width:var(--cpg-arrow-size-modal);height:var(--cpg-arrow-size-modal);border-radius:50%;border:none;cursor:pointer;z-index:1000;transition:background .15s ease;color:#726f6f;font-size:60px}.cpg-modal .cpg-arrow:hover{background:unset}.cpg-modal .cpg-arrow:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.cpg-modal .cpg-prev{left:16px}.cpg-modal .cpg-next{right:16px}.cpg-modal[hidden]{display:none!important;pointer-events:none!important}.cpg-modal{z-index:9999}.header,.menu-drawer,.overlay-modal{z-index:10000}.cpg-thumbs{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;background:var(--cpg-overlay-bg-thumbs)}.cpg-thumbs-prev,.cpg-thumbs-next{width:32px;height:32px;border-radius:50%;border:none;background:#ffffffb3;cursor:pointer;z-index:10;transition:background .15s ease,transform .1s ease}.cpg-thumbs-prev:hover,.cpg-thumbs-next:hover{background:#fff;transform:translateY(-1px)}.cpg-thumbs-prev:focus-visible,.cpg-thumbs-next:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}.cpg-thumbs-viewport{overflow-x:auto;overflow-y:hidden;flex:1;margin:0 8px;scroll-behavior:smooth;text-align:center;-webkit-overflow-scrolling:touch}.cpg-thumbs-track{display:inline-flex;gap:var(--cpg-thumb-gap);vertical-align:top}.cpg-thumb{flex:0 0 auto;width:var(--cpg-thumb-size);height:var(--cpg-thumb-size);border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.cpg-thumb:hover{transform:translateY(-1px)}.cpg-thumb.is-active{border-color:var(--cpg-active-border-modal)}.cpg-thumb img{width:100%;height:100%;object-fit:cover}.cpg [tabindex="-1"]:focus{outline:none!important}.cpg .cpg-nav{z-index:20}.cpg .cpg-modal-overlay{z-index:1}@media (max-width: 480px){:root,.cpg{--cpg-thumb-size: 64px}.cpg-arrow{--cpg-arrow-size: 36px}.cpg-modal .cpg-arrow{--cpg-arrow-size-modal: 44px}}@media print{.cpg-modal{display:none!important}}@media (max-width: 1023px){.cpg-plp-thumbs{display:none!important}}.cpg-dots{display:flex;justify-content:center;margin-top:8px;gap:6px;margin-bottom:8px}.cpg-dot{width:14px;height:14px;border-radius:50%;background:#bdbdbd;border:1px solid #bdbdbd}.cpg-dot.is-active{background:#fff;border-color:#bdbdbd}@media (min-width:1024px){.cpg-dots{display:none!important}}@media (max-width: 1023px){.cpg,.cpg-slider,.cpg-modal,.cpg-img-wrap,.cpg-img-wrap img{touch-action:auto}}@media (max-width: 1023px){#custom-product-gallery,#custom-product-gallery .cpg-slider,#custom-product-gallery .cpg-modal,#custom-product-gallery .cpg-img-wrap,#custom-product-gallery .cpg-img-wrap img{touch-action:pan-y pinch-zoom}}#custom-product-gallery .cpg-modal .cpg-arrow{display:flex}@media (max-width: 1023px){#custom-product-gallery .cpg-modal .cpg-arrow{display:none!important}}#custom-product-gallery .cpg-modal .cpg-thumbs-prev,#custom-product-gallery .cpg-modal .cpg-thumbs-next{display:inline-flex}@media (min-width: 1024px){#custom-product-gallery .cpg-modal .cpg-thumbs-prev,#custom-product-gallery .cpg-modal .cpg-thumbs-next{display:none!important}}@media (max-width: 768px){#custom-product-gallery .cpg-modal .cpg-thumbs-prev,#custom-product-gallery .cpg-modal .cpg-thumbs-next{border-radius:4px;background:unset;color:#fff;font-size:30px;border:0px;margin-bottom:10px}#custom-product-gallery .cpg-modal .cpg-thumbs-prev:hover,#custom-product-gallery .cpg-modal .cpg-thumbs-next:hover{background:unset}}@media (max-width: 989px){body:has(header-drawer[open]) .cpg-arrow,body:has(details[open].menu-drawer-container) .cpg-arrow,body:has(.header__icon--menu[aria-expanded=true]) .cpg-arrow{visibility:hidden!important;pointer-events:none!important}}.cpg .cpg-arrow,.cpg .cpg-close,.cpg .cpg-dot,.cpg .cpg-thumbs-prev,.cpg .cpg-thumbs-next{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cpg .cpg-arrow:focus,.cpg .cpg-close:focus,.cpg .cpg-dot:focus,.cpg .cpg-thumbs-prev:focus,.cpg .cpg-thumbs-next:focus{outline:none;box-shadow:none}.cpg .cpg-arrow:focus-visible,.cpg .cpg-close:focus-visible,.cpg .cpg-dot:focus-visible,.cpg .cpg-thumbs-prev:focus-visible,.cpg .cpg-thumbs-next:focus-visible{outline:none;box-shadow:none}.cpg .cpg-arrow::-moz-focus-inner,.cpg .cpg-close::-moz-focus-inner,.cpg .cpg-thumbs-prev::-moz-focus-inner,.cpg .cpg-thumbs-next::-moz-focus-inner{border:0}
/*# sourceMappingURL=/cdn/shop/t/33/assets/custom-gallery.css.map */