.popup-gallery,.popup-gallery__thumbs-nav,.popup-gallery__close{position:fixed}.popup-gallery{top:0;left:0;z-index:9999;display:none;width:100%;height:100%;padding:1.5rem 0 .5rem;background:#1a1a1cb3;overflow:hidden}.popup-gallery__inner{min-height:0}.popup-gallery__main{flex:1;border-radius:.75rem}.popup-gallery__main-slide{position:relative;flex-shrink:0;width:100%;height:100%;border-radius:.75rem;overflow:hidden}.popup-gallery__main-slide img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.popup-gallery__thumbs{height:8.313rem;margin-left:-.75rem;margin-right:-.75rem}.popup-gallery__thumbs-inner{width:max-content;transition:transform .2s}.popup-gallery__thumb-slide{flex-shrink:0;width:15.25rem;height:100%;padding-left:.75rem;padding-right:.75rem}.popup-gallery__thumb-slide-inner{border-radius:.75rem;cursor:pointer}.popup-gallery__thumb-slide.is-active .popup-gallery__thumb-slide-inner:after{position:absolute;top:-.25rem;left:-.25rem;right:-.25rem;bottom:-.25rem;border:.25rem solid var(--color-primary);border-radius:.75rem;content:""}.popup-gallery__thumb-slide.is-active .popup-gallery__thumb-slide-inner img{border-radius:0}.popup-gallery__thumb-slide img{width:100%;height:100%;object-fit:cover;border-radius:.75rem}.popup-gallery__thumbs-nav,.popup-gallery__main-nav,.popup-gallery__close{margin:0;padding:0;background:transparent;border:0;outline:0;cursor:pointer}.popup-gallery__thumbs-nav{bottom:.5rem;width:13.75rem;height:8.313rem;opacity:0;transition:all .2s}.popup-gallery__thumbs-nav.is-prev{left:0;background:linear-gradient(90deg,#000000b3,#0000)}.popup-gallery__thumbs-nav.is-next{right:0;background:linear-gradient(90deg,#0000,#000000b3)}.popup-gallery__thumbs-nav:not(.is-active){pointer-events:none}.popup-gallery__thumbs-nav svg{position:absolute;top:50%;transform:translateY(-50%)}.popup-gallery__thumbs-nav.is-prev svg{left:1.5rem;transform:translateY(-50%) rotate(180deg)}.popup-gallery__thumbs-nav.is-next svg{right:1.5rem}.popup-gallery__thumbs-nav.is-active{opacity:1}.popup-gallery__main-nav{position:absolute;top:50%;transform:translateY(-50%);width:2.75rem;height:2.75rem;margin-top:-5.156rem}.popup-gallery__main-nav.is-prev{left:1rem}.popup-gallery__main-nav.is-next{right:1rem}.popup-gallery__main-nav.is-prev svg{position:relative;transform:rotate(180deg)}.popup-gallery__main-nav:not(.is-active){opacity:.5;pointer-events:none}.popup-gallery__thumb-slide-inner.has-video:before{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-popup-bg);opacity:.5;content:""}.popup-gallery__play{width:3rem;height:3rem}.popup-gallery__close{top:0;right:0;width:3rem;height:3rem;border-radius:.5rem}.popup-gallery.is-active{display:flex}@media (hover: hover){.popup-gallery__main-nav rect,.popup-gallery__thumbs-nav svg,.popup-gallery__close{transition:all .2s}.popup-gallery__close:hover{background:var(--color-tertiary)}.popup-gallery__main-nav:hover rect{fill:var(--color-tertiary)}.popup-gallery__thumbs-nav.is-prev:hover svg{margin-left:-.5rem}.popup-gallery__thumbs-nav.is-next:hover svg{margin-right:-.5rem}}@media (max-width: 1099px){.popup-gallery__thumbs{height:5rem;margin-left:-.5rem;margin-right:-.5rem}.popup-gallery__thumb-slide{width:8.125rem;padding-left:.5rem;padding-right:.5rem}.popup-gallery__thumbs-nav{width:5rem;height:5rem}.popup-gallery__play{width:2.5rem;height:2.5rem}.popup-gallery__main{align-items:center}.popup-gallery__main-slide{height:0;padding-bottom:56%}.popup-gallery__main-slide img{position:absolute;top:0;left:0}.popup-gallery__main-nav{margin-top:-3.125rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/popup-gallery.css.map */