.ripple-layer.svelte-x0s4mm{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:clip}.ripple.svelte-x0s4mm{inline-size:calc(var(--radius-ripple) * 2);block-size:calc(var(--radius-ripple) * 2);background:var(--foreground);opacity:.08;transition:opacity var(--duration-ripple-fade);border-radius:50%;position:absolute;inset-block-start:var(--point-y);inset-inline-start:var(--point-x);translate:-50% -50%}.ripple.svelte-x0s4mm.complete{opacity:.12;animation:none}.ripple.svelte-x0s4mm.fading{opacity:0}@keyframes svelte-x0s4mm-wave-ripple{0%{transform:scale(var(--scale-ripple))}to{transform:scale(1)}}@keyframes svelte-x0s4mm-hold-ripple{0%{transform:scale(var(--scale-ripple))}to{transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.ripple.svelte-x0s4mm:not(.complete){animation:svelte-x0s4mm-wave-ripple var(--duration-ripple-fade) ease-out both}.ripple[data-hold=true].svelte-x0s4mm:not(.complete,.fading){animation:svelte-x0s4mm-hold-ripple calc(var(--duration-hold) - var(--delay-hold)) var(--delay-hold) linear both}}@media (prefers-reduced-motion:reduce){.ripple.svelte-x0s4mm{transition:none}}
