.sonny_progressbar{margin-bottom:20px}.sonny_progressbar p.title{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;margin:0;padding:5px 0}.sonny_progressbar .bar-container{position:relative;height:40px}.sonny_progressbar .bar-container.shadow{-moz-box-shadow:0 5px 7px -3px rgb(0 0 0 / .5);-webkit-box-shadow:0 5px 7px -3px rgb(0 0 0 / .5);box-shadow:0 5px 7px -3px rgb(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%}.sonny_progressbar .targetBar{position:absolute;top:0;left:0;height:100%;-webkit-animation:Animation 2s infinite ease-in-out;-moz-animation:Animation 2s infinite ease-in-out;animation:Animation 2s infinite ease-in-out}.sonny_progressbar .targetBar.loader{-webkit-animation:AnimationB 4s infinite ease-in-out;-moz-animation:AnimationB 4s infinite ease-in-out;animation:AnimationB 4s infinite ease-in-out}.sonny_progressbar .bar-container.border .bar,.sonny_progressbar .bar-container.border .targetBar,.sonny_progressbar .bar-container.border .backgroundBar{border-bottom:3px solid rgb(0 0 0 / .2)}.sonny_progressbar .progress-percent{font-family:Montserrat,sans-serif;font-size:16px;position:absolute;right:15px}@keyframes Animation{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}@-moz-keyframes Animation{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}@-webkit-keyframes Animation{0%{opacity:.4}50%{opacity:1}100%{opacity:.4}}@keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}100%{opacity:.01}}@-moz-keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}100%{opacity:.01}}@-webkit-keyframes AnimationB{0%{opacity:.01}50%{opacity:.1}100%{opacity:.01}}