.new-gallery .product-gallery{display:flex;max-width:800px;margin:0 auto;gap:16px}.new-gallery .thumbnail-container{width:84px}.new-gallery .thumbnail-swiper{height:100%;width:100%;padding:2px}.new-gallery .thumbnail-swiper .swiper-slide{width:80px;height:80px;opacity:.9;cursor:pointer;transition:opacity .3s;border-radius:5px;box-shadow:0 0 0 1px #777e7733;overflow:hidden}.new-gallery .thumbnail-swiper .swiper-slide-thumb-active{opacity:1;box-shadow:0 0 0 1px #777e77}.new-gallery .thumbnail-swiper img{width:80px;height:80px;object-fit:cover;border-radius:5px}.new-gallery .main-image-container{width:calc(100% - 80px);position:relative;flex:1;border-radius:15px;border:1px solid #DADCDA;overflow:hidden}.new-gallery .main-swiper{height:100%;width:100%}.new-gallery .main-swiper img{width:100%;height:100%;object-fit:cover}.new-gallery .nav-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border:none;outline:none}.new-gallery .nav-button-prev{left:10px}.new-gallery .nav-button-next{right:10px}.new-gallery .chevron{border-style:solid;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.75em;width:.75em;position:relative}.new-gallery .chevron-left{transform:rotate(-135deg);left:.25em}.new-gallery .chevron-right{transform:rotate(45deg);left:-.15em}@media(max-width:768px){.new-gallery .product-gallery{flex-direction:column-reverse}.new-gallery .thumbnail-container{width:100%;height:64px}.new-gallery .main-image-container{width:100%;aspect-ratio:1 / 1}.new-gallery .thumbnail-swiper .swiper-slide,.new-gallery .thumbnail-swiper img{width:60px;height:60px}}@media screen and (min-width:769px){.thumbnail-container--gradient:after{background:#fff;background:linear-gradient(180deg,#fff0 0% 19%,#fff);content:"";height:40px;width:100%;display:block;position:relative;z-index:2;transform:translateY(-100%)}}
/*# sourceMappingURL=/cdn/shop/t/502/assets/product-media-gallery-vertical.css.map */