.ff-product-media-gallery{display:flex;gap:12px}.ff-product-media-gallery .ff-main-product{width:calc(100% - 116px)}.ff-product-media-gallery .ff-sidebar-gallery{padding:10px;border-radius:10px;width:104px}.ff-product-media-gallery .swiper{height:100%}.ff-product-media-gallery .ff-main-product .swiper-slide,.ff-product-media-gallery .ff-sidebar-gallery .swiper-slide{display:flex;justify-content:center;align-items:center;border:1px solid var(--ff-color-third);border-radius:12px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.ff-product-media-gallery .ff-main-product .swiper-slide{height:100%;overflow:hidden}.ff-product-media-gallery .ff-main-product .swiper-slide a{pointer-events:none}.ff-product-media-gallery .ff-main-product .ff-product-media-padding{background-color:transparent!important}.ff-product-media-gallery .ff-product-image{width:100%;height:100%;border-radius:12px}.ff-product-media-gallery .ff-sidebar-gallery .ff-thumb-ratio-box{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.ff-product-media-gallery .ff-sidebar-gallery .ff-thumb-ratio-box .ff-product-image{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.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 .ff-main-product .swiper-button-next[role=button],.ff-product-media-gallery .ff-main-product .swiper-button-prev[role=button]{display:flex}.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]{left:100%}.ff-product-media-gallery .ff-sidebar-gallery .swiper-button-prev[role=button]{right:100%;left:unset}.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{position:fixed;overflow:hidden;width:100%;height:100%!important;background:#fff;left:0;top:0;z-index:9;padding:0}.ff-product-media-gallery.ff-product-media-gallery--open .ff-main-product .swiper-slide{border-radius:0}.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{border-radius:0;padding:8px 12px;z-index:3;display:flex;align-items:center;gap:4px;position:absolute;top:30px;right:35px;cursor:pointer;border:solid 1px #FFFFFF}.ff-product-media-gallery_close-popup svg{fill:#bdbdbd;width:24px;height:24px;flex-shrink:0}.ff-product-media-gallery_close-popup img{width:24px;height:24px;display:block;flex-shrink:0}@media screen and (max-width:989px){.ff-product-media-gallery--open .ff-product-media-gallery_close-popup{top:28px;right:32px}}.ff-product-media-gallery--open .ff-main-product{position:absolute;top:0;left:0;width:100%!important;height:100%!important;margin:0;flex:unset}.ff-product-media-gallery--open .ff-sidebar-gallery{position:absolute;left:50%;transform:translate(-50%);z-index:2;padding-left:12px!important;padding-right:12px!important}.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:none}.ff-product-media-gallery.ff-product-media-gallery--open .ff-sidebar-gallery .swiper-button-next[role=button],.ff-product-media-gallery.ff-product-media-gallery--open .ff-sidebar-gallery .swiper-button-prev[role=button]{display:flex;top:50%;transform:translateY(-50%);margin:0!important}@media screen and (max-width:989px){.ff-product-media-gallery{flex-direction:column-reverse}.ff-product-media-gallery--open .ff-sidebar-gallery{padding-left:8px!important;padding-right:8px!important}.ff-product-media-gallery .ff-main-product,.ff-product-media-gallery .ff-sidebar-gallery{margin:auto;width:100%}.ff-product-media-gallery .ff-sidebar-gallery{position:relative}.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%)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/ff-product-media-gallery.css.map */