.ripple-container[data-v-30d76ba4]{isolation:isolate;width:100%;display:inline-block;position:relative;overflow:hidden;transform:translateZ(0)}[data-v-30d76ba4] .ripple-effect{pointer-events:none;z-index:1;will-change:transform, opacity;background-color:var(--ripple-color,#ffffff4d);border-radius:50%;animation:forwards ripple-animation-30d76ba4;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes ripple-animation-30d76ba4{0%{opacity:.7;transform:translate(-50%,-50%)scale(0)}40%{opacity:.5}70%{opacity:.3}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}