:root{--gallery-zoom: 1;--gallery-transition: 1s cubic-bezier(.19, 1, .22, 1);--gallery-slide-gap: 100%}.gallery-slide-start{transform:translate(var(--slide-enter))}.gallery-slide-end{transform:translate(var(--slide-leave))}.gallery-slide-reset{transform:translate(0)}.product-gallery-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000f2;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;will-change:opacity}[x-cloak]{display:none!important}.product-gallery-modal.is-open{display:flex;flex-direction:column}.gallery-controls{display:flex;justify-content:flex-end;padding:20px;width:100%;position:absolute;top:0;z-index:10001}.gallery-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:10px;margin-left:15px;transition:opacity .3s,transform .2s;display:flex;align-items:center;justify-content:center}.gallery-btn:hover{opacity:.8}.gallery-btn:active{transform:scale(.95)}.gallery-btn svg{width:24px;height:24px;stroke:#fff;stroke-width:2}.gallery-stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.gallery-image-wrapper{width:100%;height:calc(100% - 120px);position:relative;overflow:hidden;margin-top:60px;display:grid;place-items:center}.gallery-image-wrapper.is-zoomed{overflow:auto;cursor:grab}.gallery-image-wrapper:active{cursor:grabbing}.gallery-image{grid-area:1 / 1;max-width:90vw;max-height:80vh;object-fit:contain;transition:width .3s ease,opacity var(--gallery-transition),transform var(--gallery-transition);width:calc(100% * var(--gallery-zoom));height:auto;pointer-events:auto;display:block;z-index:1;will-change:width,opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.gallery-image-wrapper.is-zoomed .gallery-image{max-width:none;max-height:none}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s;z-index:10002}.gallery-nav-btn:hover{background:transparent}.gallery-nav-prev{left:20px}.gallery-nav-next{right:20px}.gallery-thumbs{height:80px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:#00000080;width:100%;position:absolute;bottom:0;z-index:10001}.gallery-thumb{width:60px;height:60px;object-fit:cover;border-radius:4px;opacity:.5;cursor:pointer;transition:opacity .3s,border-color .3s;border:2px solid transparent}.gallery-thumb.is-active{opacity:1;border-color:#fff}.autoplay-progress{position:absolute;top:0;left:0;height:4px;background:#fff;width:0%;z-index:10002;transition:width .1s linear}@media(max-width:768px){.gallery-thumbs{display:none}.gallery-btn svg{width:20px;height:20px}.gallery-nav-btn{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/product-gallery.css.map */