@import "https://fonts.googleapis.com/css?family=Open+Sans:300";
.loading{width:150px;height:70px;margin:0 auto;position:relative}.finger{float:left;width:20px;height:100%;margin:0 2px 0 0;position:relative}.finger-1{animation:2s infinite finger-1-animation}.finger-2{animation:2s infinite finger-2-animation}.finger-3{animation:2s infinite finger-3-animation}.finger-4{animation:2s infinite finger-4-animation}.finger-5{width:24px;margin-right:0;animation:2s infinite finger-5-animation}.finger-5 .finger-item{height:70%;position:absolute;bottom:0;left:0;right:0}.finger-item{background:#ffffff0d;border-radius:6px 6px 8px 8px;width:100%;height:100%;position:relative;box-shadow:0 2px 2px #0000004d}.finger-item span{background:#ffffff1a;border-radius:50%;width:6px;height:6px;position:absolute;bottom:5px;right:3px}.finger-item i{background:#ffffff0d;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:3px}.finger-1 .finger-item,.finger-2 .finger-item,.finger-3 .finger-item,.finger-4 .finger-item,.finger-5 .finger-item{background:linear-gradient(135deg,#ff8a00,#e52e71)}@keyframes finger-1-animation{0%,to{transform:translateY(0)}20%{transform:translateY(-15px)}40%{transform:translateY(0)}}@keyframes finger-2-animation{0%,to{transform:translateY(0)}30%{transform:translateY(-20px)}50%{transform:translateY(0)}}@keyframes finger-3-animation{0%,to{transform:translateY(0)}40%{transform:translateY(-25px)}60%{transform:translateY(0)}}@keyframes finger-4-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}70%{transform:translateY(0)}}@keyframes finger-5-animation{0%,to{transform:translateY(0)}45%{transform:translateY(-8px)}65%{transform:translateY(0)}}