.czm{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000eb}.czm.is-open{display:flex;align-items:stretch}.czm__inner{display:flex;width:100%;height:100%}.czm__thumbs{width:80px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:16px 8px;overflow-y:auto;overflow-x:hidden;background:#00000080;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.czm__thumb{position:relative;width:60px;height:60px;flex-shrink:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;padding:0;background:none;opacity:.55;transition:opacity .2s,border-color .2s}.czm__thumb img{width:100%;height:100%;object-fit:cover;display:block}.czm__thumb.is-active,.czm__thumb:hover{opacity:1;border-color:#fff}.czm__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;pointer-events:none}.czm__main{flex:1;position:relative;overflow:hidden;cursor:zoom-in}#CzmImage{position:absolute;top:0;left:0;max-width:100%;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;will-change:transform;display:block}.czm__video-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000}.czm__video-poster-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.czm__video-poster-btn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.czm__play-icon{position:relative;z-index:1;pointer-events:none;transition:transform .18s ease}.czm__play-icon svg{width:80px;height:80px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.czm__video-poster-btn:hover .czm__play-icon{transform:scale(1.1)}.czm__close,.czm__zoom{position:absolute;top:16px;width:40px;height:40px;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s}.czm__close:hover,.czm__zoom:hover{background:#000000e6}.czm__close{right:16px}.czm__zoom{right:64px}.czm__close svg,.czm__zoom svg{width:16px;height:16px}.czm__zoom-label{position:absolute;top:45px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;font-size:11px;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .4s ease}.czm__zoom-label.is-visible{opacity:1}.czm__zoom-label:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#000000bf}.czm__zoom:hover .czm__zoom-label,.czm__zoom:focus-visible .czm__zoom-label{opacity:1}.czm--zoomed #CzmImage{cursor:grab}.czm--zoomed #CzmImage:active{cursor:grabbing}@media(max-width:749px){.czm__inner{flex-direction:column}.czm__thumbs{order:2;width:100%;height:100px;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:12px 12px 8px;flex-shrink:0;scrollbar-width:none}.czm__thumbs::-webkit-scrollbar{display:none}.czm__main{order:1;flex:1;cursor:zoom-in;touch-action:none}.czm__thumb{width:52px;height:52px}.czm__zoom,.czm__close{top:16px;bottom:auto}.czm__zoom{right:64px}.czm__close{right:16px}.czm__zoom-label{bottom:auto;top:45px}.czm__zoom-label:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#000000bf}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/custom-zoom-modal.css.map */