.loader{width:150px;height:150px;background-color:var(--primary-color);border-radius:50%;position:relative;box-shadow:inset 0 0 30px 4px rgba(0,0,0,.5),0 5px 12px rgba(0,0,0,.15);overflow:hidden}.loader:after,.loader:before{content:"";position:absolute;width:100%;height:100%;border-radius:45%;top:-40%;background-color:#fff;animation:wave 5s linear infinite}.loader:before{border-radius:30%;background:rgba(255,255,255,.4);animation:wave 5s linear infinite}@keyframes wave{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loader1{display:block;position:relative;height:12px;width:100%;border:1px solid #fff;border-radius:10px;overflow:hidden}.loader1:after{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:var(--primary-color);animation:prog 2s ease-in infinite;-webkit-animation:prog 4s ease-in infinite}@keyframes prog{to{width:100%}}