.loader{background-color:#f6f6f6;background-image:linear-gradient(#68afb1 100px,transparent 0);background-position:0 20px;background-repeat:no-repeat;background-size:100% auto;border:1px solid #3d7575;border-radius:50px;box-shadow:inset 0 0 #68afb1;box-sizing:border-box;display:block;height:64px;left:0;position:absolute;position:relative;top:16%;width:64px}.loader:after{background:#f6f6f6;border:1px solid #3d7575;border-bottom:none;height:35px;top:0;transform:translate(-50%,-95%);width:15px}.loader:after,.loader:before{box-sizing:border-box;content:"";left:50%;position:absolute}.loader:before{animation:bubbles 6s linear infinite;border-radius:50%;bottom:-4px;height:6px;transform:translate(-125%);width:6px;z-index:10}@keyframes bubbles{0%{box-shadow:4px -10px #f000,6px 0 #f000,8px -15px #f000,12px 0 #f000}20%{box-shadow:4px -20px #f000,8px -10px #f000,10px -30px #f9f7c9,15px -5px #f000}40%{box-shadow:2px -40px #ffffff80,8px -30px #d5f0c1,8px -60px #f9f7c9,12px -15px #f9f7c9}60%{box-shadow:4px -60px #f9f7c9,6px -50px #d5f0c1,10px -90px #ffffff80,15px -25px #f9f7c9}80%{box-shadow:2px -80px #d5f0c1,4px -70px #d5f0c1,8px -120px #f000,12px -35px #d5f0c1}to{box-shadow:4px -100px #f000,8px -90px #f000,10px -120px #f000,15px -45px #f000}}