.section-product-media .feature{border:1px solid var(--colour-grey);max-width:100%;overflow:hidden;aspect-ratio:1/1;position:relative}.section-product-media .feature .tags{position:absolute;top:.5rem;right:0;z-index:10;display:flex;align-items:center}.section-product-media .feature .tags span.coming-soon{font-size:.75rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem;padding:.125rem .875rem .2rem 1rem;background-color:#85d6cf;color:#1f1a36}.section-product-media .feature .fomo-message{position:absolute;top:.5rem;right:.5rem;background:var(--colour-secondary);color:var(--colour-tertiary);z-index:10;border-radius:1rem;padding:.125rem .5rem}.section-product-media .feature .swiper-slide{height:auto}.section-product-media .feature figure.image{background-position:50% 50%;position:relative;width:100%;overflow:hidden;cursor:zoom-in;margin:0}.section-product-media .feature figure.image,.section-product-media .feature figure.image img{aspect-ratio:1/1;height:auto;width:100%;background-color:#fff}.section-product-media .feature figure.image img{display:block;object-fit:contain;transition:opacity .5s}.section-product-media .feature .iframe,.section-product-media .feature .video{display:grid;place-items:center;height:100%}.section-product-media .feature .iframe,.section-product-media .feature .iframe *,.section-product-media .feature .video,.section-product-media .feature .video *{height:100%;width:100%;object-fit:cover}.section-product-media .thumbnails .swiper{height:6rem}.section-product-media .thumbnails .swiper-slide{aspect-ratio:1/1;width:6rem;position:relative}.section-product-media .thumbnails .swiper-slide.is-video:after{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background:#0006 url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M48 88C70.0914 88 88 70.0914 88 48C88 25.9086 70.0914 8 48 8C25.9086 8 8 25.9086 8 48C8 70.0914 25.9086 88 48 88ZM48 96C74.5097 96 96 74.5097 96 48C96 21.4903 74.5097 0 48 0C21.4903 0 0 21.4903 0 48C0 74.5097 21.4903 96 48 96Z' fill='white'/%3E%3Cpath d='M66 48L38.2872 64L38.2872 32L66 48Z' fill='white'/%3E%3C/svg%3E%0A");background-position:center;background-repeat:no-repeat;background-size:3rem;z-index:5}.section-product-media .thumbnails img{border:1px solid var(--colour-grey);height:6rem;width:auto;transition:border var(--transition-duration) var(--transition-timing);position:relative;z-index:1}@supports (aspect-ratio: 1/1){.section-product-media .thumbnails img{aspect-ratio:1/1;object-fit:cover}}.section-product-media .thumbnails .swiper-slide-thumb-active img{border-color:var(--colour-quaternary)}.section-product-media .open-modal{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;position:absolute;right:0;bottom:.5rem;z-index:10;color:var(--colour-grey-alt)}.section-product-media .open-modal:focus{outline:none}.section-product-media .open-modal:hover{text-decoration:none;outline:none}.section-product-media .open-modal:disabled{opacity:.5;pointer-events:none}.section-product-media .open-modal svg{width:1.25rem;height:1.25rem;fill:currentColor}.section-product-media .swiper{position:relative}.section-product-media .swiper .swiper-slide{will-change:transform}.section-product-media .swiper-button-prev,.section-product-media .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:100%;display:flex;justify-content:center;align-items:center;background-color:var(--colour-primary);color:var(--colour-text-base);z-index:5}.section-product-media .swiper-button-prev:focus,.section-product-media .swiper-button-next:focus{outline:none}.section-product-media .swiper-button-prev:hover,.section-product-media .swiper-button-next:hover{text-decoration:none;outline:none}.section-product-media .swiper-button-prev:disabled,.section-product-media .swiper-button-next:disabled{opacity:.5;pointer-events:none}.section-product-media .swiper-button-prev svg,.section-product-media .swiper-button-next svg{height:.875rem;width:.875rem;fill:currentColor}.section-product-media .swiper-button-prev{left:1rem}.section-product-media .swiper-button-next{right:1rem}@media (min-width: 768px){.section-product-media .feature{align-self:start}.section-product-media .thumbnails{margin-top:1rem;height:6rem;width:100%;overflow:hidden}}@media (min-width: 1024px){.section-product-media .feature figure.image img:hover{opacity:0}.section-product-media .feature{grid-column:2}}@media (min-width: 1024px) and (max-height: 1080px){.section-product-media .feature .image{display:flex;justify-content:center}.section-product-media .feature .image picture,.section-product-media .feature .image img{width:auto}}@media (max-width: 1023.98px){.section-product-media .feature figure.image{pointer-events:none}}@media (max-width: 767.98px){.section-product-media .feature{margin-bottom:1rem}.section-product-media .thumbnails{display:none}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-product-media.css.map */