#wave-amp,body,html{width:100%;height:100%;margin:0;cursor:default}body{background:#2e2e3a;font-family:Roboto Condensed,sans-serif;min-width:320px;position:relative}.wave-amp{display:flex;height:100%;color:#bbb8b2}.wave-amp .tracker{position:absolute;top:0;left:0;right:0;height:120px;padding:5px;background:rgba(0,0,0,.3);z-index:101}.wave-amp .tracker__canvas{height:100%;width:100%;display:block;cursor:pointer}.wave-amp .btn{background:none;border:none;padding:5px;margin:3px;cursor:pointer;transition:all .1s linear;outline:none}.wave-amp .btn svg{vertical-align:middle}.wave-amp .btn--circle{color:#bbb8b2;border:1px solid #bbb8b2;padding:15px}.wave-amp .btn--circle:active,.wave-amp .btn--circle:hover{color:#807979;border-color:#807979}.wave-amp .btn--circle:disabled{color:#363737;border-color:#363737;cursor:default}.wave-amp .fade-enter-active,.wave-amp .fade-leave-active{transition:opacity .2s}.wave-amp .fade-enter,.wave-amp .fade-leave-to{opacity:0}.wave-amp .scale-up-enter{transform:scaleY(0)}.wave-amp .scale-up-enter-active{transform-origin:bottom right;transition:transform .3s ease-in-out}.wave-amp .scale-up-enter-to{transform:scaleY(1)}.wave-amp .scale-up-leave-active{transform-origin:bottom right;transition:transform .3s ease-out;transform:scaleY(1)}.wave-amp .scale-up-leave-to{transform:scaleY(0)}.wave-amp .player{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0;padding:5px;background:rgba(0,0,0,.3);z-index:101;font-family:Roboto Condensed,sans-serif}.wave-amp .player__bar{flex:100%;margin:5px;background:rgba(0,0,0,.3)}.wave-amp .player__bar__audio{position:relative;padding:10px}.wave-amp .player__bar__audio__state,.wave-amp .player__bar__audio__time{color:#bc5d2e;margin-right:10px}.wave-amp .player__bar__audio__name{position:relative;z-index:1}.wave-amp .player__bar__audio__track{z-index:0;position:absolute;top:0;bottom:0;left:0;width:0;background:rgba(188,93,46,.2)}.wave-amp .player__actions{flex:100%;display:flex;justify-content:space-between;padding:5px}.wave-amp .player__equalizer,.wave-amp .player__playlist{position:absolute;bottom:100%;right:20px;margin-bottom:10px;background:rgba(0,0,0,.3);min-width:320px;width:30%}.wave-amp .player__equalizer__header,.wave-amp .player__playlist__header{padding:10px;background:rgba(0,0,0,.3);text-transform:uppercase;font-size:16px}.wave-amp .player__equalizer__list,.wave-amp .player__playlist__list{position:relative;padding:10px}.wave-amp .player__equalizer__list__item,.wave-amp .player__playlist__list__item{padding:5px}.wave-amp .player__equalizer__list__item.current,.wave-amp .player__playlist__list__item.current{color:#f34213}.wave-amp .player__equalizer__list__item:hover,.wave-amp .player__playlist__list__item:hover{cursor:pointer;color:#bc5d2e}.wave-amp .player__equalizer__list__item:not(:last-child),.wave-amp .player__playlist__list__item:not(:last-child){margin-bottom:5px}.wave-amp .player__equalizer__list__item__cursor,.wave-amp .player__playlist__list__item__cursor{margin-right:5px}.wave-amp .player__equalizer__list__empty,.wave-amp .player__playlist__list__empty{padding:5px;color:#807979}.wave-amp .player__equalizer__list__loader,.wave-amp .player__playlist__list__loader{position:absolute;top:0;left:0;right:0;height:3px;overflow:hidden}.wave-amp .player__equalizer__list__loader:after,.wave-amp .player__playlist__list__loader:after{width:20%;position:absolute;content:"";height:3px;background-color:#bc5d2e;-webkit-animation-name:loader-animation;animation-name:loader-animation;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes loader-animation{0%{left:-10%}49%{left:90%}50%{left:90%}to{left:-10%}}@keyframes loader-animation{0%{left:-10%}49%{left:90%}50%{left:90%}to{left:-10%}}.wave-amp .visualizer{display:block;overflow:hidden;position:relative;background-color:#0e181f}.wave-amp .visualizer,.wave-amp .visualizer__container{width:100%;height:100%}.wave-amp .visualizer__controls{position:absolute;top:50%;transform:translateY(-50%);right:0;opacity:.5;transition:opacity .2s linear}.wave-amp .visualizer__controls:hover{opacity:.9}.wave-amp .visualizer__controls__wrapper{position:relative;display:flex}.wave-amp .visualizer__controls__wrapper__switcher{padding:10px 5px;border:1px solid #1e5c82;background:#031218;border-radius:0 0 0 10px;margin-right:-1px;max-width:10px;text-align:center;word-break:break-word;overflow:hidden;cursor:pointer}.wave-amp .visualizer__controls__container{border:1px solid #1e5c82;background:rgba(9,24,40,.81);width:0;transition:width .3s ease-in-out}.wave-amp .visualizer__controls__container.opened{width:150px}.wave-amp .visualizer__controls__btn{font-family:Roboto Condensed,sans-serif;font-size:16px;display:block;width:calc(100% - 20px);margin:10px;padding:5px;background:#181818;border:1px solid #e26217;color:#e26217;transition:all .1s linear;overflow:hidden}.wave-amp .visualizer__controls__btn.active,.wave-amp .visualizer__controls__btn:hover{cursor:pointer;background:#e26217;color:#181818}.wave-amp .visualizer .sphere__background{opacity:.4}.wave-amp .visualizer .sphere__background,.wave-amp .visualizer .sphere__canvas{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.wave-amp .visualizer .histogram__canvas,.wave-amp .visualizer .waveform__canvas{display:block;position:absolute;left:0;top:0;width:100%;height:100%}