.ripple-card[data-v-20755fb3]{--x:50%;--y:55%;--R:420px}.ripple-card.is-open[data-v-20755fb3]{transform:translateY(-6px) scale(1.01)}.ripple-inner[data-v-20755fb3]{min-height:140px;overflow:hidden;position:relative;width:100%}.ripple-front[data-v-20755fb3]{position:relative;z-index:1}.ripple-back[data-v-20755fb3]{clip-path:circle(0 at var(--x) var(--y));inset:0;position:absolute;transition:clip-path 1.4s cubic-bezier(.22,1,.36,1);will-change:clip-path;z-index:2}.ripple-card.is-open .ripple-back[data-v-20755fb3]{clip-path:circle(var(--R) at var(--x) var(--y))}.ripple-ring[data-v-20755fb3]{border-radius:9999px;height:4px;left:var(--x);pointer-events:none;position:absolute;top:var(--y);width:4px;z-index:3;//border:2px solid hsla(0,0%,100%,.22);opacity:0;transform:translate(-50%,-50%) scale(.2)}.ring-open[data-v-20755fb3]{animation:ringOut-20755fb3 .75s ease-out forwards}.ring-close[data-v-20755fb3]{animation:ringIn-20755fb3 .6s ease-out forwards}.ring-open2[data-v-20755fb3]{animation:ringOut-20755fb3 1.05s ease-out forwards}.ring-close2[data-v-20755fb3]{animation:ringIn-20755fb3 .4s ease-out forwards}@keyframes ringOut-20755fb3{0%{opacity:.45;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(100)}}@keyframes ringIn-20755fb3{0%{opacity:.35;transform:translate(-50%,-50%) scale(100)}to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}@media(prefers-reduced-motion:reduce){.ripple-back[data-v-20755fb3]{transition:none}.ripple-ring[data-v-20755fb3]{animation:none!important;display:none}}
