.cpi-gallery{--cpi-thumb-size: 72px;--cpi-arrow-size: 32px;--cpi-arrow-icon: 14px;--cpi-arrow-gap: 10px;--cpi-radius: 8px;--cpi-accent: #111;--cpi-img-bg: #f8f8f8;position:relative;width:100%}.cpi-gallery.cpi-arrows--small{--cpi-arrow-size: 32px;--cpi-arrow-icon: 14px}.cpi-gallery.cpi-arrows--medium{--cpi-arrow-size: 40px;--cpi-arrow-icon: 17px}.cpi-gallery.cpi-arrows--large{--cpi-arrow-size: 50px;--cpi-arrow-icon: 20px}.cpi-gallery.cpi-thumbs--small{--cpi-thumb-size: 56px}.cpi-gallery.cpi-thumbs--medium{--cpi-thumb-size: 72px}.cpi-gallery.cpi-thumbs--large{--cpi-thumb-size: 88px}.cpi-stage{display:flex;align-items:center;gap:var(--cpi-arrow-gap);width:100%}.cpi-arrow{flex:0 0 var(--cpi-arrow-size);width:var(--cpi-arrow-size);height:var(--cpi-arrow-size);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cpi-accent);transition:opacity .18s,background .18s,transform .15s;pointer-events:all;position:relative;z-index:1}.cpi-arrow svg{width:var(--cpi-arrow-icon);height:var(--cpi-arrow-icon)}.cpi-arrow:hover{transform:scale(1.08)}.cpi-arrow:active{transform:scale(.96)}.cpi-arrows--circle .cpi-arrow{background:#fffffff2;border:1px solid rgba(0,0,0,.12);border-radius:50%;box-shadow:0 1px 6px #0000001a}.cpi-arrows--circle .cpi-arrow:hover{background:#fff;box-shadow:0 3px 10px #00000026}.cpi-arrows--square .cpi-arrow{background:#fffffff2;border:1px solid rgba(0,0,0,.12);border-radius:6px;box-shadow:0 1px 6px #0000001a}.cpi-arrows--square .cpi-arrow:hover{background:#fff;box-shadow:0 3px 10px #00000026}.cpi-arrows--minimal .cpi-arrow{background:transparent;border:none;box-shadow:none;opacity:.5}.cpi-arrows--minimal .cpi-arrow:hover{opacity:1}.cpi-main{flex:1 1 0%;min-width:0;position:relative;background:var(--cpi-img-bg);border-radius:var(--cpi-radius);overflow:hidden}.cpi-zoom-btn{position:absolute;bottom:8px;right:8px;z-index:10;width:30px;height:30px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--cpi-accent);box-shadow:0 1px 4px #0000001a;transition:background .18s}.cpi-zoom-btn:hover{background:#fff}.cpi-slides{position:relative;width:100%}.cpi-slide{display:none}.cpi-slide.is-active{display:block}.cpi-slide__img-wrap{display:block;width:100%;line-height:0;cursor:zoom-in}.cpi-slide__img{width:100%;height:auto;object-fit:contain;display:block}.cpi-slide__video-wrap{width:100%;aspect-ratio:16 / 9}.cpi-slide__video-wrap video,.cpi-slide__video-wrap iframe{width:100%;height:100%;display:block;border:none}.cpi-counter{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0000007a;color:#fff;font-size:11px;line-height:1;padding:3px 9px;border-radius:20px;pointer-events:none;white-space:nowrap;z-index:5}.cpi-thumbs-outer{margin-top:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:#bbb #ebebeb}.cpi-thumbs-outer:active{cursor:grabbing}.cpi-thumbs-outer::-webkit-scrollbar{height:4px}.cpi-thumbs-outer::-webkit-scrollbar-track{background:#ebebeb;border-radius:10px}.cpi-thumbs-outer::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.cpi-thumbs-outer::-webkit-scrollbar-thumb:hover{background:#888}.cpi-thumbs-track{display:flex;flex-wrap:nowrap;gap:8px;padding:4px 2px;width:max-content;min-width:100%}.cpi-thumb{flex:0 0 var(--cpi-thumb-size);width:var(--cpi-thumb-size);height:var(--cpi-thumb-size);border-radius:6px;border:2px solid transparent;background:#f0f0f0;overflow:hidden;cursor:pointer;padding:0;transition:border-color .2s,transform .15s}.cpi-thumb:hover{border-color:#bbb;transform:translateY(-2px)}.cpi-thumb.is-active{border-color:var(--cpi-accent)}.cpi-thumb__inner{width:100%;height:100%;position:relative;overflow:hidden}.cpi-thumb__inner img{width:100%;height:100%;object-fit:cover;display:block}.cpi-thumb__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff}.cpi-lb{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483647!important;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease;isolation:isolate}.cpi-lb.is-open{opacity:1;pointer-events:auto}.cpi-lb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;cursor:pointer}.cpi-lb__shell{position:relative;z-index:1;display:flex;flex-direction:row;align-items:flex-start;gap:16px;max-width:96vw;max-height:96vh}.cpi-lb__close{position:absolute;top:-46px;right:0;z-index:10;width:38px;height:38px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s}.cpi-lb__close:hover{background:#ffffff47}.cpi-lb__stage{position:relative;display:inline-block;line-height:0;cursor:crosshair}.cpi-lb__img{display:block;max-width:60vw;max-height:85vh;object-fit:contain;border-radius:6px;transform:scale(.97);transition:transform .22s ease}.cpi-lb.is-open .cpi-lb__img{transform:scale(1)}.cpi-lb__lens{position:absolute;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 1px #0003;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:5}.cpi-lb__result{width:280px;height:280px;flex-shrink:0;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#111;background-repeat:no-repeat;opacity:0;transition:opacity .12s;overflow:hidden}.cpi-lb__hint{position:absolute;bottom:-28px;left:0;width:100%;text-align:center;font-size:11px;color:#ffffff73;pointer-events:none;white-space:nowrap}.cpi-lb__hint-mobile{display:none}@media screen and (min-width:750px){.cpi-gallery.cpi-thumbs--small{--cpi-thumb-size: 60px}.cpi-gallery.cpi-thumbs--medium{--cpi-thumb-size: 80px}.cpi-gallery.cpi-thumbs--large{--cpi-thumb-size: 96px}}@media screen and (max-width:989px){.cpi-lb__shell{flex-direction:column;align-items:center}.cpi-lb__result,.cpi-lb__lens{display:none!important}.cpi-lb__img{max-width:92vw;max-height:80vh;touch-action:pinch-zoom}.cpi-lb__hint-desktop{display:none}.cpi-lb__hint-mobile{display:inline}.cpi-gallery.cpi-arrows--small{--cpi-arrow-size: 28px;--cpi-arrow-icon: 12px}.cpi-gallery.cpi-arrows--medium{--cpi-arrow-size: 34px;--cpi-arrow-icon: 14px}.cpi-gallery.cpi-arrows--large{--cpi-arrow-size: 40px;--cpi-arrow-icon: 17px}.cpi-gallery{--cpi-arrow-gap: 6px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-product-images.css.map */