.cd-product-viewer-wrapper{text-align:center}.cd-product-viewer-wrapper>div{display:inline-block}.cd-product-viewer-wrapper .product-viewer{position:relative;z-index:1;display:inline-block;overflow:hidden}.cd-product-viewer-wrapper img{display:block;position:relative;z-index:1}.cd-product-viewer-wrapper .product-sprite{position:absolute;z-index:2;top:0;left:0;height:100%;width:1800%;background-repeat:no-repeat;background-position:center center;background-size:100%;opacity:0;transition:opacity .3s}.cd-product-viewer-wrapper.loaded .product-sprite{opacity:1;cursor:ew-resize}.cd-product-viewer-handle{position:relative;z-index:2;width:60%;max-width:300px;border-radius:50em;margin:1em auto 3em;height:4px;background:#adb5bd}.cd-product-viewer-handle .fill{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;border-radius:inherit;background:#7e0d6c;transform:scaleX(0);transform-origin:left center;transition:transform .5s}.no-csstransitions .cd-product-viewer-handle .fill{display:none}.loaded .cd-product-viewer-handle .fill{opacity:0}@media (prefers-reduced-motion:reduce){.loaded .cd-product-viewer-handle .fill{transition:none}}.cd-product-viewer-handle .handle{position:absolute;z-index:2;display:inline-block;height:44px;width:44px;left:0;top:-20px;background:#7e0d6c url(/img/tmpl/360-arrows.svg) no-repeat center center;border-radius:50%;box-shadow:0 0 0 6px rgba(126,13,108,.3),0 0 20px rgba(0,0,0,.2);text-indent:100%;white-space:nowrap;overflow:hidden;color:transparent;transform:translateX(-50%) scale(0);transition:box-shadow .2s}.cd-product-viewer-handle .handle:active{box-shadow:0 0 0 0 rgba(126,13,108,0),0 0 20px rgba(0,0,0,.2)}.loaded .cd-product-viewer-handle .handle{transform:translateX(-50%) scale(1);animation:cd-bounce .3s .3s;animation-fill-mode:both;cursor:ew-resize}@keyframes cd-bounce{0%{transform:translateX(-50%) scale(0)}60%{transform:translateX(-50%) scale(1.1)}100%{transform:translateX(-50%) scale(1)}}@keyframes shake{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0deg)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes bounce{0%{transform:scale(1,1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-10px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1,1) translateY(-5px)}64%{transform:scale(1,1) translateY(0)}100%{transform:scale(1,1) translateY(0)}}