:root{--ripple-color:#00000026;--ripple-duration:.4s}.ripple-host,[data-ripple-color]{position:relative;overflow:hidden}.ripple-host .ripple,[data-ripple-color] .ripple{animation:ripple var(--ripple-duration)cubic-bezier(.4,0,.2,1);background-color:var(--ripple-color);pointer-events:none;border-radius:50%;transition:opacity .6s;position:absolute;transform:translateZ(0)}.ripple-host[data-ripple-center=true] .ripple,[data-ripple-color][data-ripple-center=true] .ripple{animation-duration:calc(var(--ripple-duration) + .2s);top:50%!important;left:50%!important;translate:-50% -50%!important}@keyframes ripple{0%{transform:scale(0)}to{transform:scale(1)}}