.sonny_progressbar{margin-bottom:16px}.sonny_progressbar p.title{padding:10px 0;font-size:18px;margin:0;line-height:20px}.sonny_progressbar .bar-container{height:40px;position:relative;border-radius:25px}.sonny_progressbar .bar-container.shadow{-moz-box-shadow:0 5px 7px -3px rgba(0,0,0,.5);-webkit-box-shadow:0 5px 7px -3px rgba(0,0,0,.5);box-shadow:0 5px 7px -3px rgba(0,0,0,.5)}.sonny_progressbar .backgroundBar{right:0;position:absolute;bottom:0;top:0;left:0}.sonny_progressbar .bar{height:100%;position:absolute;top:0;border-radius:25px;left:0}.sonny_progressbar .targetBar{-webkit-animation:Animation 2s ease-in-out infinite;-moz-animation:Animation 2s ease-in-out infinite;animation:Animation 2s ease-in-out infinite;height:100%;position:absolute;top:0;left:0}.sonny_progressbar .targetBar.loader{-webkit-animation:AnimationB 4s ease-in-out infinite;-moz-animation:AnimationB 4s ease-in-out infinite;animation:AnimationB 4s ease-in-out infinite;background-image:url(https://ustahizmet.top/assets/css/animated-overlay.html)}.sonny_progressbar .bar-container.border .backgroundBar,.sonny_progressbar .bar-container.border .bar,.sonny_progressbar .bar-container.border .targetBar{border-bottom:3px solid rgba(0,0,0,.2)}.sonny_progressbar .progress-percent{inset-inline-end:15px;font-size:20px;position:absolute;top:-24px}@keyframes Animation{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@-moz-keyframes Animation{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@-webkit-keyframes Animation{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}to{opacity:.01}}@-moz-keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}to{opacity:.01}}@-webkit-keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}to{opacity:.01}}