.rip{--rip-x:50%;--rip-y:50%;--rip-size:0px}.rip:after{content:"";position:absolute;left:var(--rip-x);top:var(--rip-y);width:var(--rip-size);height:var(--rip-size);margin:calc(var(--rip-size) / -2) 0 0 calc(var(--rip-size) / -2);border-radius:50%;background:currentColor;opacity:0;transform:scale(0);pointer-events:none}.rip.rip-on:after{animation:rip-wave .55s ease-out forwards}@keyframes rip-wave{0%{transform:scale(0);opacity:.16}to{transform:scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.rip.rip-on:after{animation:none}}