.sonny_progressbar{margin-bottom:16px}.sonny_progressbar p.title{font-size:18px;line-height:20px;margin:0;padding:10px 0}.sonny_progressbar .bar-container{position:relative;height:40px;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{position:absolute;bottom:0;top:0;left:0;right:0}.sonny_progressbar .bar{position:absolute;top:0;left:0;height:100%;border-radius:25px}.sonny_progressbar .targetBar{position:absolute;top:0;left:0;height:100%;-webkit-animation:2s ease-in-out infinite Animation;-moz-animation:2s ease-in-out infinite Animation;animation:2s ease-in-out infinite Animation}.sonny_progressbar .targetBar.loader{-webkit-animation:4s ease-in-out infinite AnimationB;-moz-animation:4s ease-in-out infinite AnimationB;animation:4s ease-in-out infinite AnimationB;background-image:url('animated-overlay.gif')}.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{font-size:20px;position:absolute;inset-inline-end:15px;top:-24px}@keyframes Animation{0%,100%{opacity:.4}50%{opacity:1}}@-moz-keyframes Animation{0%,100%{opacity:.4}50%{opacity:1}}@-webkit-keyframes Animation{0%,100%{opacity:.4}50%{opacity:1}}@keyframes AnimationB{0%,100%{opacity:.01}50%{opacity:.1}}@-moz-keyframes AnimationB{0%,100%{opacity:.01}50%{opacity:.1}}@-webkit-keyframes AnimationB{0%,100%{opacity:.01}50%{opacity:.1}}