.audio-spectrum{font-family:Segoe UI,Helvetica,sans-serif;overflow:hidden;position:relative}.audio-spectrum .audio-spectrum-settings{cursor:pointer;position:absolute;fill:#e7e9e7;left:5px;right:5px;top:5px;width:25px;-webkit-transition:left .4s ease-in-out;transition:left .4s ease-in-out}.audio-spectrum .audio-spectrum-settings.opened{left:105px}.audio-spectrum .audio-spectrum-settings-panel{background-color:#1d1e25;border-bottom-right-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e7e9e7;font-size:.9rem;height:auto;left:-140px;opacity:0;padding:0 10px;position:absolute;top:0;width:140px;-webkit-transition:left .4s ease-in-out,opacity .4s ease-in;transition:left .4s ease-in-out,opacity .4s ease-in}.audio-spectrum .audio-spectrum-settings-panel h3{margin:5px 0 1rem}.audio-spectrum .audio-spectrum-settings-panel p.legend{font-style:italic;font-weight:700;margin:0}.audio-spectrum .audio-spectrum-settings-panel p.smooth-color{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:10px 0}.audio-spectrum .audio-spectrum-settings-panel input{float:right}.audio-spectrum .audio-spectrum-settings-panel.opened{left:0;opacity:1}.audio-peakmeter{background-color:#1d1e25;height:100%;position:relative}.audio-peakmeter:not(.horizontal-peakmeter) canvas:first-of-type{bottom:0;left:18px;position:absolute}.audio-peakmeter:not(.horizontal-peakmeter) canvas:last-of-type{bottom:0;right:0;position:absolute}.audio-peakmeter:not(.horizontal-peakmeter) .scale-container{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;width:18px;position:absolute}.audio-peakmeter:not(.horizontal-peakmeter) .scale-container div{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#e7e9e7;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-top:2px;position:relative}.audio-peakmeter:not(.horizontal-peakmeter) .scale-container div:before{background-color:#aaaabe;top:0;content:"";display:block;height:1px;position:absolute;right:0;width:50%}.audio-peakmeter:not(.horizontal-peakmeter) .peak-value-container{color:#e7e9e7;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:2px}.audio-peakmeter.horizontal-peakmeter .scale-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;height:14px;position:relative}.audio-peakmeter.horizontal-peakmeter .scale-container div{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#e7e9e7;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:5px;position:relative}.audio-peakmeter.horizontal-peakmeter .scale-container div:before{background-color:#aaaabe;bottom:0;content:"";display:block;height:50%;position:absolute;right:0;width:1px}.audio-peakmeter.horizontal-peakmeter .peak-value-container{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#e7e9e7;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:10px;padding-left:1px;position:absolute;right:0}.audio-circle{position:relative}.audio-circle img{bottom:0;height:37.5%;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-animation:rotate 64s linear infinite;animation:rotate 64s linear infinite;-webkit-animation-play-state:running;animation-play-state:running}.audio-circle img.paused{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}