.Hourglass{width:60px;height:20px;display:inline-block;position:relative;transform:translate(-10px)}.Hourglass div{background:#0ea960;border-radius:20px;width:20px;height:20px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute}.Hourglass div:first-child{animation:.5s infinite Hourglass1;left:0}.Hourglass div:nth-child(2){animation:.5s infinite Hourglass2;left:0}.Hourglass div:nth-child(3){animation:.5s infinite Hourglass2;left:30px}.Hourglass div:nth-child(4){animation:.5s infinite Hourglass3;left:60px}@keyframes Hourglass1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes Hourglass3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes Hourglass2{0%{transform:translate(0)}to{transform:translate(30px)}}.Hourglass[small]{width:24px;height:8px;display:inline-block;position:relative;transform:translate(-4px)}.Hourglass[small] div{background:#2a2a2a;border-radius:8px;width:8px;height:8px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute}.Hourglass[small] div:first-child{animation:.5s infinite HourglassSmall1;left:0}.Hourglass[small] div:nth-child(2){animation:.5s infinite HourglassSmall2;left:0}.Hourglass[small] div:nth-child(3){animation:.5s infinite HourglassSmall2;left:12px}.Hourglass[small] div:nth-child(4){animation:.5s infinite HourglassSmall3;left:24px}@keyframes HourglassSmall1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes HourglassSmall3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes HourglassSmall2{0%{transform:translate(0)}to{transform:translate(12px)}}