@keyframes product-progress{0%{width:0%}to{width:100%}}@property --ripple-r{syntax:"<percentage>";inherits:false;initial-value:0%}.ripple.svelte-1x8t7c4{-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 var(--ripple-r), transparent calc(var(--ripple-r) + 18%));-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 var(--ripple-r), transparent calc(var(--ripple-r) + 18%));mask-image:radial-gradient(circle at 50% 50%, #000 var(--ripple-r), transparent calc(var(--ripple-r) + 18%));animation:.9s ease-out forwards svelte-1x8t7c4-bg-ripple}@keyframes svelte-1x8t7c4-bg-ripple{to{--ripple-r:150%}}