.zimal-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;z-index:-1;pointer-events:none}.zimal-gallery-modal[open]{visibility:visible;opacity:1;z-index:9999!important;pointer-events:auto}.zimal-gallery-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;margin:0;background:#000000e0;cursor:pointer}.zimal-gallery-modal__dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;pointer-events:none}.zimal-gallery-modal__topbar,.zimal-gallery-modal__nav,.zimal-gallery-modal__viewport,.zimal-gallery-modal__thumbs{pointer-events:auto}.zimal-gallery-modal__topbar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem}.zimal-gallery-modal__counter{margin:0;font-size:1.4rem;letter-spacing:.06em;color:#fff;font-weight:500}.zimal-gallery-modal__toolbar{display:flex;align-items:center;gap:.8rem}.zimal-gallery-modal__close{width:3.2rem;height:3.2rem;border:0;border-radius:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s ease}.zimal-gallery-modal__close:hover{opacity:.75}.zimal-gallery-modal__close .svg-wrapper{width:1.8rem;height:1.8rem}.zimal-gallery-modal__close svg{width:100%;height:100%;stroke:#fff}.zimal-gallery-modal__viewport{position:fixed;top:5rem;left:0;right:0;bottom:9rem;overflow:hidden}.zimal-gallery-modal__track{display:flex;height:100%;transition:transform .35s cubic-bezier(.25,.8,.25,1);will-change:transform}.zimal-gallery-modal__track--instant{transition:none}.zimal-gallery-modal__slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 6rem;box-sizing:border-box}.zimal-gallery-modal__image{width:auto;max-width:min(92vw,720px);max-height:100%;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zimal-gallery-modal__media{width:100%;max-width:min(92vw,980px)}.zimal-gallery-modal__nav{position:fixed;top:50%;transform:translateY(-50%);z-index:5;width:4.8rem;height:4.8rem;border:0;border-radius:50%;background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease}.zimal-gallery-modal__nav:hover{background:#ffffff47}.zimal-gallery-modal__nav--prev{left:1.6rem}.zimal-gallery-modal__nav--prev .svg-wrapper{transform:rotate(90deg)}.zimal-gallery-modal__nav--next{right:1.6rem}.zimal-gallery-modal__nav--next .svg-wrapper{transform:rotate(-90deg)}.zimal-gallery-modal__nav .svg-wrapper svg{fill:#fff}.zimal-gallery-modal__nav[hidden]{display:none}.zimal-gallery-modal__thumbs{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;gap:.6rem;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:1rem 1.6rem 1.4rem;background:#0000008c;scrollbar-width:none}.zimal-gallery-modal__thumbs::-webkit-scrollbar{display:none}.zimal-gallery-modal__thumb{flex:0 0 auto;width:5.2rem;height:6.6rem;padding:0;border:2px solid transparent;background:#ffffff14;cursor:pointer;overflow:hidden;opacity:.65;transition:opacity .2s ease,border-color .2s ease}.zimal-gallery-modal__thumb.is-active,.zimal-gallery-modal__thumb[aria-current=true]{border-color:#fff;opacity:1}.zimal-gallery-modal__thumb img{width:100%;height:100%;object-fit:cover;display:block}.product__media-wrapper .product-media-container.media-type-image .product__modal-opener{cursor:zoom-in}.product__media-wrapper .product-media-container.media-type-image .product__media-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3}body.zimal-gallery-open{overflow:hidden!important}@media screen and (max-width:749px){.zimal-gallery-modal__slide{padding:0 4.5rem}.zimal-gallery-modal__topbar{padding:1.2rem 1rem}.zimal-gallery-modal__nav{width:3.8rem;height:3.8rem}.zimal-gallery-modal__nav--prev{left:.8rem}.zimal-gallery-modal__nav--next{right:.8rem}.zimal-gallery-modal__viewport{bottom:8rem}.zimal-gallery-modal__thumb{width:4.4rem;height:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-zimal-gallery-modal.css.map */