.section-product-media .feature{border:1px solid var(--colour-primary)}.section-product-media .feature .swiper-slide{padding:1.5rem;background-color:var(--colour-white)}.section-product-media .feature picture,.section-product-media .feature img{width:100%;margin:0 auto}@supports (aspect-ratio: auto){.section-product-media .feature picture,.section-product-media .feature img{aspect-ratio:1/1;object-fit:contain}}.section-product-media .thumbnails{display:none;margin-top:1rem}@media(min-width:768px){.section-product-media .thumbnails{display:block}.section-product-media .thumbnails .swiper-slide{border:1px solid var(--colour-primary);max-width:5rem;background-color:var(--colour-white);padding:.5rem}.section-product-media .thumbnails .swiper-slide img{width:100%}@supports (aspect-ratio: auto){.section-product-media .thumbnails .swiper-slide img{aspect-ratio:1/1;object-fit:contain}}}.section-product-media .swiper-container{position:relative}.section-product-media .swiper-container .swiper-button-prev,.section-product-media .swiper-container .swiper-button-next{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;position:absolute;top:50%;transform:translateY(-50%);height:2rem;width:2rem;border-radius:50%;border:1px solid var(--colour-primary);background-color:var(--colour-white);display:flex;justify-content:center;align-items:center;color:var(--colour-primary);z-index:5}.section-product-media .swiper-container .swiper-button-prev:focus,.section-product-media .swiper-container .swiper-button-next:focus{outline:none}.section-product-media .swiper-container .swiper-button-prev:hover,.section-product-media .swiper-container .swiper-button-next:hover{text-decoration:none;outline:none}.section-product-media .swiper-container .swiper-button-prev:disabled,.section-product-media .swiper-container .swiper-button-next:disabled{opacity:.5;pointer-events:none}.section-product-media .swiper-container .swiper-button-prev svg,.section-product-media .swiper-container .swiper-button-next svg{height:.875rem;width:.875rem;fill:currentColor}.section-product-media .swiper-container .swiper-button-prev{left:1rem}.section-product-media .swiper-container .swiper-button-next{right:1rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-product-media.css.map */