.loader{height:150px;width:100px;border-radius:55px 55px 10px 10px;position:relative;background:#ff3d00;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(25%,#f63a99),color-stop(25%,#30dcf6),color-stop(25%,#30dcf6),color-stop(50%,#30dcf6),color-stop(50%,#f2d200),color-stop(50%,#f2d200),color-stop(75%,#f2d200),color-stop(75%,#70ca5c));background-image:-o-linear-gradient(bottom,#f63a99 25%,#30dcf6 25%,#30dcf6 25%,#30dcf6 50%,#f2d200 50%,#f2d200 50%,#f2d200 75%,#70ca5c 75%);background-image:linear-gradient(0deg,#f63a99 25%,#30dcf6 25%,#30dcf6 25%,#30dcf6 50%,#f2d200 50%,#f2d200 50%,#f2d200 75%,#70ca5c 75%);background-position:0 0;background-size:auto 175px;background-repeat:repeat-y;-webkit-animation:colorShift 6s linear infinite;animation:colorShift 6s linear infinite;}.loader:before{content:"";position:absolute;left:10px;bottom:15px;width:15px;height:100px;border-radius:50px;background:rgba(255,255,255,.5);}.loader:after{content:"";position:absolute;left:50%;top:100%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-box-shadow:0 15px 2px rgba(0,0,0,.25) inset;box-shadow:0 15px 2px rgba(0,0,0,.25) inset;width:32px;height:45px;background:#e09c5f;border-radius:0 0 12px 12px;}@-webkit-keyframes colorShift{to{background-position:0 175px;}}@keyframes colorShift{to{background-position:0 175px;}}