.loading{justify-content:center;align-items:center;display:flex}.loading:before{content:"";border:4px solid rgba(255,255,255,.3);border-top-color:#ff5722;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.volume-level{background-color:rgba(44,44,44,.8);border-radius:15px;justify-content:center;align-items:center;margin-top:10px;padding:10px;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}.volume-label{color:#fff;margin-bottom:8px}.volume-bars{justify-content:space-between;width:100%;max-width:300px;display:flex}.volume-bar{background-color:#555;border-radius:4px;width:20px;height:20px;margin:2px;transition:background-color .3s}.volume-bar.active{background-color:#ff5722}