.blob-box{width:100%;min-height:60px;position:relative;transform:scale(.7)}.blob-wrapper{filter:url(#filter);z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.ball{width:56px;height:56px;position:absolute;top:calc(50% - 30px);left:calc(50% - 30px)}.ball:before{content:"";background:var(--ball-base-bg);border-radius:100%;width:100%;height:100%;position:absolute;top:0;left:0}.ball:first-child{animation:2s ease-in-out infinite alternate x-axis-lateral;transform:translate(-66px)}.ball:first-child:before{animation:1s ease-in-out .1s infinite alternate y-axis-lateral}.ball:nth-child(2){animation:2s ease-in-out infinite alternate x-axis}.ball:nth-child(2):before{animation:1s ease-in-out .5s infinite alternate y-axis}.ball:nth-child(3){animation:2s infinite alternate x-axis-lateral;transform:translate(66px,78px)}.ball:nth-child(3):before{animation:1s ease-in-out .4s infinite alternate y-axis-lateral}@keyframes x-axis{0%{transform:translate(-96px)}to{transform:translate(96px)}}@keyframes y-axis{0%{transform:translateY(42px)}to{background:var(--ball-y-axis-bg);transform:translateY(-66px)scale(.8)}}@keyframes x-axis-lateral{0%{transform:translate(-36px)}to{transform:translate(36px)}}@keyframes y-axis-lateral{0%{transform:translateY(12px)}to{background:var(--ball-lateral-bg);transform:translateY(-60px)}}