.yotta-water-ripples-container{position:relative;display:inline-block}.yotta-water-ripples-container .yotta-slot-container{position:relative;z-index:2}.yotta-water-ripples-container .yotta-out-ripples{position:absolute;left:0;top:0;height:100%;opacity:1;z-index:1;pointer-events:none}.yotta-water-ripples-container .yotta-animate-once--out{animation:ripple-effect 1s forwards}.yotta-water-ripples-container .yotta-animate-always--out{animation:ripple-effect 1s infinite}@keyframes ripple-effect{0%{box-shadow:0 0 0 0 var(--yotta-ripple-color);opacity:.4}to{box-shadow:0 0 0 var(--yotta-spread-width) var(--yotta-ripple-color);opacity:0}}.yotta-water-ripples-container .yotta-inset-ripples{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;width:0px;height:0px;background:var(--yotta-ripple-color);pointer-events:none}@keyframes size-effect{0%{width:0px;height:0px;opacity:.8}to{width:var(--yotta-spread-size);height:var(--yotta-spread-size);opacity:0}}.yotta-water-ripples-container .yotta-animate-once--inset{animation:size-effect 1s forwards}.yotta-water-ripples-container .yotta-animate-always--inset{animation:size-effect 1s infinite}