.ripple-distortion{position:relative;width:100%;height:100%;overflow:hidden;background:#111}.ripple-distortion__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ripple-distortion canvas{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;transition:opacity .18s ease}.ripple-distortion--ready canvas{opacity:1}@media (pointer:coarse),(prefers-reduced-motion:reduce){.ripple-distortion canvas{display:none}}