.snippet-card-action{--badge-shadow: drop-shadow(3px 3px 2px rgba(0, 0, 0, .4));position:relative;display:block;height:var(--card-action-height);width:auto;flex-shrink:0;transform:none;transition:all var(--transition-duration) var(--transition-timing) 0s;opacity:.5;margin:0 .5rem}.snippet-card-action .u-btn{position:absolute;z-index:5;padding:0;display:grid;place-content:center;transition:all var(--transition-duration) var(--transition-timing) 0s}.snippet-card-action .u-btn svg{grid-column:1;grid-row:1}.snippet-card-action .u-btn.play-toggle{top:50%;left:50%;transform:translate(-50%,-50%)}.snippet-card-action .u-btn.play-toggle.js-is-playing svg.icon-play{opacity:0}.snippet-card-action .u-btn.play-toggle.js-is-playing svg.icon-pause{opacity:1}.snippet-card-action .u-btn.play-toggle svg{width:2.5rem;height:2.5rem}.snippet-card-action .u-btn.play-toggle svg.icon-pause{opacity:0}.snippet-card-action .u-btn.sound-toggle{height:1.5rem;width:1.5rem;top:.675rem;right:.675rem;background-color:#00000080;border-radius:100%;display:grid;place-content:center}.snippet-card-action .u-btn.sound-toggle.js-sound-off svg.icon-sound-on{opacity:0}.snippet-card-action .u-btn.sound-toggle.js-sound-off svg.icon-sound-off{opacity:1}.snippet-card-action .u-btn.sound-toggle svg{height:.675rem;width:.675rem}.snippet-card-action .u-btn.sound-toggle svg.icon-sound-off{opacity:0}.snippet-card-action.swiper-slide-active{opacity:1;height:var(--card-active-action-height)}.snippet-card-action.swiper-slide-active .product{opacity:1}.snippet-card-action.swiper-slide-active .badge-image{transform:scale(1.8) rotate(-12deg) translate(-16%)}.snippet-card-action .media{height:100%;overflow:hidden;border-radius:var(--border-radius-lg);aspect-ratio:2/3}.snippet-card-action .media img,.snippet-card-action .media video{height:auto;width:100%;aspect-ratio:2/3;-o-object-fit:cover;object-fit:cover}.snippet-card-action .product{--badge-size: 3.5rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);width:calc(100% - 1.5rem);background-color:var(--colour-white);border-radius:var(--border-radius-sm);padding:.5rem 3rem .5rem calc(var(--badge-size) + 1rem);display:flex;flex-direction:column;transition:all var(--transition-duration) var(--transition-timing) 0s;opacity:.8}.snippet-card-action .product span.type{font-size:.675rem;white-space:nowrap}.snippet-card-action .product a.title{font-size:.875rem;font-weight:500;color:var(--colour-mine-shaft);text-decoration:none}.snippet-card-action .product .snippet-data-prices{margin-top:.25rem;font-size:.75rem;font-weight:500}.snippet-card-action .product .badge-image{position:absolute;left:0;top:0;height:100%;width:auto;aspect-ratio:1;transition:all var(--transition-duration) var(--transition-timing) 0s;display:grid;place-content:center}.snippet-card-action .product .badge-image img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.snippet-card-action .product .quick-view{position:absolute;bottom:.5rem;right:.5rem;background-color:var(--colour-mine-shaft);color:var(--colour-white);text-decoration:none;height:1.25rem;width:1.25rem;border-radius:var(--border-radius-xs);display:grid;place-content:center;z-index:1}.snippet-card-action .product .quick-view svg{height:.75rem;width:.75rem}.section-action-cards{--card-action-height: 28rem;--card-active-action-height: 30rem}.section-action-cards .swiper{height:var(--card-active-action-height)}.section-action-cards .swiper .snippet-card-action .u-btn{pointer-events:none}.section-action-cards .swiper .snippet-card-action.swiper-slide-active .u-btn{pointer-events:auto}.section-action-cards .swiper-wrapper{align-items:center}@media(min-width:992px){.snippet-card-action{margin:0 .75rem}.snippet-card-action.swiper-slide-active .badge-image{transform:scale(2.64) rotate(-12deg) translate(-22%)}.snippet-card-action .product{bottom:1.25rem;width:calc(100% - 2.5rem)}.section-action-cards{--card-action-height: 32rem;--card-active-action-height: 34rem}}@media(max-width:991.98px){.snippet-card-action .product .badge-image img{filter:drop-shadow(4px 4px 2px rgba(0,0,0,.4))}}@media(hover:hover){.snippet-card-action:hover .u-btn.play-toggle,.snippet-card-action:focus .u-btn.play-toggle{opacity:1}.snippet-card-action .u-btn.play-toggle{opacity:0}}