html.liftd-touch-ripples .hero-ripple { display: none !important; }

.liftd-touch-ripple-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483600;
  overflow: hidden;
  pointer-events: none;
  contain: layout style paint;
}

.liftd-touch-ripple-layer:empty { display: none; }

/* Android reuses two small fixed boxes instead of painting a screen overlay. */
.liftd-android-ripple {
  position: fixed;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  z-index: 2147483600;
  box-sizing: border-box;
  border: 2px solid #a52c42;
  border-radius: 50%;
  box-shadow: 0 0 0 .9px #f8c2cdaf;
  pointer-events: none;
  opacity: 0;
}

.liftd-touch-ripple {
  position: absolute;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid #a52c42;
  border-radius: 50%;
  box-shadow: 0 0 0 .45px #f8c2cdaf;
  animation: liftd-touch-wave .7s cubic-bezier(.2,.52,.28,1) both;
}

@keyframes liftd-touch-wave {
  0% { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(.62); }
  100% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(10); }
}

@media (prefers-reduced-motion: reduce) {
  .liftd-touch-ripple {
    transform: translate(-50%, -50%) scale(1.25);
    animation: liftd-touch-fade .22s linear both;
  }
}

@keyframes liftd-touch-fade {
  from { opacity: 1; }
  to { opacity: 0; }
}