.media-thumbnail__container{display:flex;gap:6rem;justify-content:center;align-items:center}.media-thumbnail__main-wrapper{position:relative;overflow:hidden;border-radius:12px;width:75.5%}.media-thumbnail__main-image{position:relative;width:100%;padding-bottom:var(--media-ratio, 60%)}.media-thumbnail__image-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}.media-thumbnail__image-item.active{opacity:1;visibility:visible}.media-thumbnail__image-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.media-thumbnail__thumbnails-wrapper{display:flex;min-width:120px;align-items:center;gap:2rem;flex:1}.media-thumbnail__thumbnails-list{display:flex;flex-direction:column;gap:16px}.media-thumbnail__thumbnail-item{position:relative;cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .3s ease;width:100%}.media-thumbnail__thumbnail-item:hover{transform:scale(1.05)}.media-thumbnail__thumbnail-item img{width:100%;height:100%;object-fit:cover;border-radius:8px}.media-thumbnail__thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;transition:opacity .3s ease;border-radius:8px}.media-thumbnail__thumbnail-item.active .media-thumbnail__thumbnail-overlay{opacity:0}.media-thumbnail__thumbnail-item:not(.active) .media-thumbnail__thumbnail-overlay{opacity:1}.media-thumbnail__pagination{display:flex;flex-direction:column;gap:15px;margin-top:20px}.media-thumbnail__pagination-item{width:10px;height:10px;background-color:#0000004d;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border-radius:50%}.media-thumbnail__pagination-item.active{background-color:#000}@keyframes progressShine{0%{background-position:0 0}50%{background-position:0 100%}to{background-position:0 0}}@media screen and (min-width: 769px){.media-thumbnail__main-wrapper{border-radius:2rem}}@media screen and (max-width: 768px){.media-thumbnail__container{flex-direction:column;gap:10px}.media-thumbnail__main-wrapper{width:100%}.media-thumbnail__main-image{padding-bottom:var(--mb-media-ratio, 60%)}.media-thumbnail__thumbnails-wrapper{min-width:auto;flex-direction:column;gap:0}.media-thumbnail__thumbnails-list{flex-direction:row;overflow-x:auto;gap:10px;padding:0 0 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.media-thumbnail__thumbnails-list::-webkit-scrollbar{height:4px}.media-thumbnail__thumbnails-list::-webkit-scrollbar-track{background:#0000001a;border-radius:2px}.media-thumbnail__thumbnails-list::-webkit-scrollbar-thumb{background:#0000004d;border-radius:2px}.media-thumbnail__thumbnail-item{scroll-snap-align:start;width:calc(25% - 7.5px)}.media-thumbnail__thumbnail-item:hover{transform:none}.media-thumbnail__pagination{flex-direction:row;justify-content:center;margin-top:15px}.media-thumbnail__pagination-item{width:8px;height:8px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/media-with-thumbnail-slider.css.map */