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