.rain-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.rain-container.single-toggle .drop{display:none}.rain-container.single-toggle .drop:nth-child(10){display:block}.rain{height:100%;left:0;position:absolute;width:100%;z-index:5}.rain.back-row{bottom:60px;display:none;opacity:.5;z-index:3}.rain-container.back-row-toggle .rain.back-row{display:block}.drop{animation:drop .5s linear infinite;bottom:100%;height:120px;pointer-events:none;position:absolute;width:15px}@keyframes drop{0%{transform:translateY(0)}75%{transform:translateY(90vh)}to{transform:translateY(90vh)}}.stem{animation:stem .5s linear infinite;background:linear-gradient(180deg,#fff0,#ffffff40);height:60%;margin-left:7px;width:1px}@keyframes stem{0%{opacity:1}65%{opacity:1}75%{opacity:0}to{opacity:0}}.splat{animation:splat .5s linear infinite;border-radius:50%;border-top:2px dotted hsla(0,0%,100%,.5);display:none;height:10px;opacity:1;transform:scale(0);width:15px}.rain-container.splat-toggle .splat{display:block}@keyframes splat{0%{opacity:1;transform:scale(0)}80%{opacity:1;transform:scale(0)}90%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}