product-images{display:flex;flex-direction:column;position:relative;isolation:isolate}@media screen and (min-width: 768px){product-images{flex-direction:row}}product-images .slider{width:100%;overflow:hidden}product-images .slider .slide{height:auto;overflow:hidden}product-images .thumbs__wrapper{display:flex;align-items:center;justify-content:space-between;height:100%}@media screen and (max-width: 767px){product-images .thumbs__wrapper{order:2;margin-top:.8rem}}@media screen and (min-width: 768px){product-images .thumbs__wrapper{width:8rem;min-width:8rem;margin-right:1.2rem}}product-images .thumbs__wrapper .thumbs{flex:1;width:100%}@media screen and (min-width: 768px){product-images .thumbs__wrapper .thumbs{height:100%}}product-images .thumbs__wrapper .thumbs .swiper-wrapper{box-sizing:border-box}product-images .thumbs__wrapper .thumbs .thumb{display:flex;align-items:center;overflow:hidden;transition:border-color .2s ease;border:1px solid transparent;cursor:pointer;min-height:max-content;height:auto;border-radius:4px;border:1px solid var(--grey-200)}product-images .thumbs__wrapper .thumbs .thumb:hover,product-images .thumbs__wrapper .thumbs .thumb.swiper-slide-thumb-active{border:1px solid var(--green-400)}product-images .thumbs__wrapper .thumbs .thumb>img{width:100%;height:auto;object-fit:contain}@media screen and (min-width: 768px){product-images .thumbs__wrapper .thumbs .thumb>img{max-height:9rem;min-height:9rem}}product-images .thumbs__wrapper .slider__button{display:flex;align-items:center;justify-content:center;width:fit-content;overflow:hidden;flex-shrink:0;cursor:pointer;border:0;background-color:transparent;border-radius:100%;background-color:var(--yellow-400);z-index:10}@media screen and (min-width: 768px){product-images .thumbs__wrapper .slider__button{display:none}}product-images .thumbs__wrapper .slider__button.prev{margin-right:1.6rem}product-images .thumbs__wrapper .slider__button.next{margin-left:1.6rem}product-images .thumbs__wrapper .slider__button svg{width:auto;height:2.4rem;flex-shrink:0}product-images .thumbs__wrapper .slider__button.prev svg{transform:scale(-1)}product-images .slider .slide>img{width:100%;min-width:100%;max-width:100%;height:100%;object-position:center;object-fit:cover;transition:transform .2s ease;transform-origin:center;cursor:zoom-in;overflow:hidden}product-images .slider .slide.zoom-in img{background-size:200%;cursor:zoom-out}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-images.css.map */