.swiper-media-wrapper{display:flex;gap:max(10px,min(20px,calc(10px + (10 * ((100vw - 750px) / 690)))));flex-direction:row-reverse}.swiper.swiper-media-thumbs{max-width:max(50px,min(100px,calc(50px + (50 * ((100vw - 750px) / 690)))));height:max(300px,min(600px,calc(300px + (300 * ((100vw - 750px) / 690)))));width:100%}.swiper-slide.swiper-media-thumbs__slide{width:100%;height:max(50px,min(100px,calc(50px + (50 * ((100vw - 750px) / 690)))))}.swiper-media-thumbs .swiper-wrapper{flex-direction:column}.swiper{width:100%;height:100%}.swiper-slide{display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}body{background:#000;color:#000}.swiper-slide{background-size:cover;background-position:center}.swiper-media-slider{max-width:600px;max-height:600px;height:100%;width:100%}.swiper-media-slider:not(.swiper-initialized){max-width:100%;max-height:fit-content}.swiper-slide.swiper-media-slide{height:100%;width:100%}.swiper-media-slider:not(.swiper-initialized) .swiper-wrapper{display:flex;overflow:auto;gap:10px}.swiper-media-slider:not(.swiper-initialized) .swiper-slide.swiper-media-slide{min-width:100%}.swiper-media-thumbs{height:20%;box-sizing:border-box;padding:10px 0}.swiper-media-thumbs .swiper-slide{opacity:.4}.swiper-media-thumbs .swiper-slide-thumb-active{opacity:1}.swiper-media-thumbs:not(.swiper-initialized){display:none}.swiper-slide img{flex-direction:column;display:block;width:100%;height:100%;object-fit:cover}.swiper-media-slide img{height:max(250px,min(600px,calc(250px + (350 * ((100vw - 750px) / 690)))))}.swiper-media-pagination{margin-top:15px;display:none;flex-wrap:wrap;justify-content:center;gap:6px}.swiper-media-pagination .swiper-pagination-bullet{margin:0!important;width:14px;border-radius:0;height:2px;background:#e0e0d7}.swiper-media-pagination .swiper-pagination-bullet-active{background:#8d8c5f}@media screen and (max-width: 749px){.swiper.swiper-media-thumbs{display:none}.swiper-media-slider{max-width:100%}.swiper-slide.swiper-media-slide{width:320px!important;height:320px}.swiper-media-slide img{width:100%;height:100%}.swiper-media-pagination{display:flex}.swiper-media-slider:not(.swiper-initialized) .swiper-media-pagination{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-media-slider.css.map */