.product-img-carousel .splide__slide{ background-color: #f7f7f7!important; } .splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active, .splide--nav>.splide__track>.splide__list>.splide__slide.is-active{ border:none; } .slide-elements{ max-height:0; transition: all 0.6s ease-in-out; } .accordion-open .slide-elements{ max-height:1900px; } #thumbnail-slider .splide__slide button { width:100%; height:100%; } product-bg-image { background-size:cover; background-position: center; background-repeat: no-repeat; } .product-image-thumbnail { background-position: center center; background-size: contain; background-repeat: no-repeat; } .webp .splide__slide.is-active ._0G04980-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.webp); } .jpg .splide__slide.is-active ._0G04980-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.jpg); } .no-webp .splide__slide.is-active ._0G04980-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.1280.1280.png); } .webp ._0G04980-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.webp); } .jpg ._0G04980-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.jpg); } .no-webp ._0G04980-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.319.319.png); } .webp .splide__slide.is-active ._0G04981-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.webp); } .jpg .splide__slide.is-active ._0G04981-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.jpg); } .no-webp .splide__slide.is-active ._0G04981-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.1280.1280.png); } .webp ._0G04981-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.webp); } .jpg ._0G04981-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.jpg); } .no-webp ._0G04981-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.319.319.png); } .webp .splide__slide.is-active ._0G04982-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.webp); } .jpg .splide__slide.is-active ._0G04982-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.jpg); } .no-webp .splide__slide.is-active ._0G04982-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.1280.1280.png); } .webp ._0G04982-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.webp); } .jpg ._0G04982-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.jpg); } .no-webp ._0G04982-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.319.319.png); } .webp .splide__slide.is-active ._0G04983-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.webp); } .jpg .splide__slide.is-active ._0G04983-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.1280.1280.jpg); } .no-webp .splide__slide.is-active ._0G04983-1-video-bg-img-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.1280.1280.png); } .webp ._0G04983-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.webp); } .jpg ._0G04983-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.wdthumb.319.319.jpg); } .no-webp ._0G04983-1-video-thumbnail-0{ background-image: url(/content/dam/store/en-us/assets/products/accessories/g-speed-shuttle-xl-protective-case/featured/g-speed-shuttle-xl-protective-case-video.png.thumb.319.319.png); }