.ff-product-media-gallery{display:flex;flex-direction:column-reverse;gap:30px}.ff-product-media-gallery .ff-main-product,.ff-product-media-gallery .swiper,.ff-product-media-gallery .ff-main-product .swiper-slide{height:100%}.ff-product-media-gallery .swiper-slide{display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid var(--ff-color-third);box-sizing:border-box;-webkit-user-select:none;user-select:none}.ff-product-media-gallery .ff-sidebar-gallery .swiper{width:calc(100% + 5px);margin-left:-5px}.ff-product-media-gallery .ff-sidebar-gallery .swiper-wrapper{padding:5px}.ff-product-media-gallery .ff-main-product .swiper-slide{overflow:hidden}.ff-product-media-gallery .ff-sidebar-gallery .swiper-slide{width:120px;height:120px}.ff-product-media-gallery .swiper-slide-thumb-active{position:relative;outline-offset:4px}.ff-product-media-gallery .ff-main-product .swiper-slide a{pointer-events:none}.ff-product-media-gallery .ff-product-image{width:100%;height:100%;object-fit:cover}.ff-product-media-gallery .ff-play-button{width:100%;height:100%;position:absolute;opacity:0;transition:opacity .25s ease-in-out}.ff-product-media-gallery .ff-play-button svg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:var(--ff-color-white)}.ff-product-media-gallery .swiper-button-next[role=button],.ff-product-media-gallery .swiper-button-prev[role=button]{width:24px;height:24px;top:55%}.ff-product-media-gallery .swiper-button-next:after,.ff-product-media-gallery .swiper-button-prev:after{width:100%;height:100%;position:absolute;content:"";background-size:24px;background-repeat:no-repeat;background-position:center}.ff-product-media-gallery .ff-sidebar-gallery .swiper-button-next[role=button]{right:0}.ff-product-media-gallery .ff-sidebar-gallery .swiper-button-prev[role=button]{left:0}.ff-product-media-gallery .swiper-pagination{width:fit-content;left:50%;transform:translate(-50%);bottom:32px}.ff-product-media-gallery.ff-product-media-gallery--open{flex-direction:row;position:fixed;overflow:auto;width:100%;height:100%!important;background:#fff;left:0;top:0;z-index:9;padding:10px}.ff-product-media-gallery.ff-product-media-gallery--open .ff-main-product{flex-grow:1}.ff-product-media-gallery.ff-product-media-gallery--open .ff-product-media{object-fit:contain}.ff-product-media-gallery.ff-product-media-gallery--open .ff-main-product .swiper-button-next[role=button],.ff-product-media-gallery.ff-product-media-gallery--open .ff-main-product .swiper-button-prev[role=button]{display:flex}.ff-product-media-gallery.ff-product-media-gallery--open .ff-play-button.over{opacity:1}.ff-product-media-gallery>*{animation:ff-product-media-gallery--close-gallery .3s}.ff-product-media-gallery.ff-product-media-gallery--open>*{animation:ff-product-media-gallery--open-gallery .3s}@keyframes ff-product-media-gallery--open-gallery{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes ff-product-media-gallery--close-gallery{0%{opacity:0}50%{opacity:0}to{opacity:1}}.ff-product-media-gallery_close-popup{display:none}.ff-product-media-gallery--open .ff-product-media-gallery_close-popup{z-index:1;display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;cursor:pointer;margin-top:20px;margin-right:20px}.ff-product-media-gallery_close-popup svg{fill:#bdbdbd;width:30px;height:30px}.ff-product-media-gallery--open .ff-sidebar-gallery{height:100%}@media screen and (max-width: 992px){.ff-product-media-gallery{gap:15px}.ff-product-media-gallery .ff-main-product,.ff-product-media-gallery .ff-sidebar-gallery{width:100%}.ff-product-media-gallery .ff-sidebar-gallery{position:relative}.ff-product-media-gallery .ff-sidebar-gallery .swiper-slide{width:70px;height:70px}.ff-product-media-gallery .ff-sidebar-gallery .swiper-button-next[role=button],.ff-product-media-gallery .ff-sidebar-gallery .swiper-button-prev[role=button]{display:flex;top:50%;transform:translateY(50%)}.ff-product-media-gallery.ff-product-media-gallery--open .ff-main-product{height:100%!important}.ff-product-media-gallery.ff-product-media-gallery--open .ff-sidebar-gallery{display:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/ff-product-media-gallery.css.map */