.ripple{width:100%;max-width:100%;aspect-ratio:var(--ripple-ar,16 / 9);touch-action:pan-y;-webkit-user-select:none;user-select:none;contain:layout paint;background:#000;display:block;position:relative;overflow:hidden}.ripple-fill{aspect-ratio:auto;width:auto;height:auto;position:absolute;inset:0}.ripple-media{object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.ripple[data-gl=off] .ripple-media{filter:grayscale(var(--ripple-grey,1))}.ripple-canvas{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.ripple[data-gl=on] .ripple-canvas{display:block}.ripple[data-gl=on] .ripple-media{opacity:0;width:2px;height:2px;inset:auto auto 0 0}@media (prefers-reduced-motion:reduce){.ripple,.ripple-media,.ripple-canvas{transition:none;animation:none}}