@property --animation-duration{syntax:"<time>";inherits:true;initial-value:5s}.slider-navigation--item span.icon[data-v-4d208adf]{mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:20px;-webkit-mask-size:20px}.slider-navigation--item.autoplay.paused[data-v-4d208adf]{--animation-play-state:paused}.slider-navigation--item.autoplay[data-v-4d208adf]:not(.paused){--animation-play-state:running}.slider-navigation--item.autoplay.active .animation-progress--indicator .fill[data-v-4d208adf]{animation:scaleX var(--animation-duration,5s) linear both;animation-play-state:var(--animation-play-state,paused)}.case-study--item:has(a:hover) .product--image--container .gradient[data-v-39e89cc9]{opacity:1;scale:1 1.25}