.media-gallery-popup-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:9999;opacity:0;transition:opacity .3s ease}.media-gallery-popup-overlay.is-active{display:flex;opacity:1}.media-gallery-popup-container{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.media-gallery-popup-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:24px;cursor:pointer;z-index:10000;padding:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--text-color)/.15);border-radius:var(--btn-border-radius, 0);background-color:rgba(var(--bg-color));color:rgb(var(--text-color));transition:transform .2s ease}.media-gallery-popup-close:hover{transform:scale(1.1)}.media-gallery-popup-close svg{width:24px;height:24px}.media-gallery-popup-content{width:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}media-gallery-popup{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.media-gallery--popup .media-gallery__viewer{height:calc(100vh - 140px);overflow:hidden}.media-gallery--popup .media-viewer{height:100%;display:flex;flex-wrap:nowrap;transition:transform .3s ease;aspect-ratio:1 / 1;position:absolute;left:50%;overflow-x:initial}.media-gallery--popup .media-viewer__item{width:100%;height:100%;flex-shrink:0;align-items:center;justify-content:center;padding:20px;margin:0;box-sizing:border-box;opacity:0;transition:opacity .3s ease}.media-gallery--popup .media-viewer__item.is-active{opacity:1}.media-gallery--popup .media-viewer .media{width:auto;height:100%;object-fit:contain}.media-gallery--popup .media-viewer__item img{max-height:100%;width:100%;max-width:100%;height:auto;top:50%;transform:translateY(-50%)}.media-gallery--popup deferred-media,.media-gallery--popup deferred-media[loaded]{max-height:100%;width:auto;height:auto}.media-gallery--popup .media-ctrl{display:flex;align-items:center;gap:var(--space-unit, 16px)}.media-gallery--popup .media-ctrl__btn,.media-gallery--popup .media-ctrl__counter{position:absolute;border:1px solid rgba(var(--text-color)/.15);border-radius:var(--btn-border-radius, 0);background-color:rgba(var(--bg-color));color:rgb(var(--text-color))}.media-gallery--popup .media-ctrl__btn{z-index:5;padding:calc(2 * var(--space-unit))}.media-gallery--popup .media-ctrl__btn:after{width:calc(44px + var(--media-gutter) * 2);height:calc(44px + var(--media-gutter) * 2)}.media-gallery--popup .media-ctrl__btn[name=prev]{left:var(--media-gutter)}.media-gallery--popup .media-ctrl__btn[name=next]{right:var(--media-gutter)}.media-gallery--popup .media-ctrl__counter{z-index:2;right:var(--media-gutter);bottom:var(--media-gutter);padding:calc(2 * var(--space-unit)) calc(4 * var(--space-unit));line-height:2.4rem}.media-gallery--popup .media-gallery__thumbs{padding:20px;border-top:1px solid rgba(255,255,255,.2);height:auto;max-height:140px;flex-shrink:0;overflow-y:auto;width:100%;margin-top:0;background-color:var(--gallery-bg-color)}.media-gallery--popup .media-thumbs{gap:10px;align-items:center;justify-content:center}.media-gallery--popup .media-thumbs__item{flex:0 0 80px;height:80px}.media-gallery--popup .media-thumbs__btn{border:2px solid transparent;cursor:pointer;transition:border-color .2s ease;opacity:.7}.media-gallery--popup .media-thumbs__btn:hover{opacity:1}.media-gallery--popup .media-thumbs__btn.is-active{border-color:#fff;opacity:1}@media (max-width: 768px){.media-gallery-popup-overlay{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/292/assets/media-gallery-popup.css.map */