#vue-player{position:relative;z-index:2;width:100%;min-height:50px;margin:0 auto;padding:5px 15px;border-radius:3px;box-shadow:0 1px 3px #999;background-color:#c14550;color:#fafafa;text-shadow:2px 0 2px #500;font-size:16px;display:flex;flex-direction:column;}#vue-player .columns{flex:1;}#vue-player .column{display:flex;align-items:center;justify-content:center;padding:0;margin:0;}#vue-player a:not(.button){color:#fff;}#vue-player i{font-size:18px;}#status-bar.column{min-width:80px;min-height:40px;}#vue-player .status{overflow:hidden;}#vue-player .status.loading::after{display:block;width:36px;height:36px;border:5px solid #fff;border-color:#fff transparent #fff transparent;border-radius:50%;content:"";animation:lds-dual-ring 1.6s linear infinite;}@keyframes lds-dual-ring{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.music-bar{height:100%;text-align:center;}.music-bar .bar{display:inline-block;position:relative;width:6px;height:25px;margin:0 2px;overflow:hidden;background:linear-gradient(to bottom,#fff,#ddd);color:transparent;box-shadow:0 5px 5px #900;transform:scaleY(.08);transform-origin:center bottom;}.music-bar.playing .bar{animation-name:pulse;animation-duration:1s;animation-iteration-count:infinite;}.music-bar.playing .n1{animation-delay:.5s;}.music-bar.playing .n2{animation-delay:.3s;}.music-bar.playing .n3{animation-delay:1.2s;}.music-bar.playing .n4{animation-delay:.9s;}@keyframes pulse{0%{transform:scaleY(.08)}10%{transform:scaleY(.8)}50%{transform:scaleY(.64)}60%{transform:scaleY(.4)}80%{transform:scaleY(1)}100%{transform:scaleY(.08)}}input[type="range"]{width:100%;appearance:none;background:transparent;cursor:pointer;}input[type="range"]:focus{outline:none;}input[type="range"]::-webkit-slider-runnable-track{box-sizing:content-box;height:4px;border-radius:3px;background-color:#500;}input[type="range"]::-webkit-slider-thumb{box-sizing:border-box;width:26px;height:26px;margin-top:-11px;border:8px solid #fff;border-radius:50%;background-color:#c00;appearance:none;}input[type="range"]::-moz-range-track{height:4px;border-radius:3px;background-color:#500;}input[type="range"]::-moz-range-thumb{box-sizing:border-box;width:26px;height:26px;border:8px solid #fff;border-radius:50%;background-color:#c00;}input.custom-seek-slider[type="range"]::-moz-range-thumb{width:10px;height:16px;border:none;border-radius:3px;background-color:#fff;}input.custom-seek-slider[type="range"]::-webkit-slider-thumb{box-sizing:content-box;width:10px;height:16px;margin-top:-7px;border:none;border-radius:3px;background-color:#fff;appearance:none;}input.custom-seek-slider[type="range"]::-webkit-slider-runnable-track{margin-top:-20px;}#play-button-wrap{width:38px;height:28px;border-right:2px solid #500;}#vue-player .play-button{box-sizing:border-box;width:0;height:28px;border:0;border-style:solid;border-width:14px 0 14px 23px;border-color:transparent transparent transparent #fff;background:transparent;overflow:hidden;cursor:pointer;transition:100ms all ease;}#vue-player .play-button:active,#vue-player .play-button:focus{outline:none;}#vue-player .play-button.paused{height:28px;border-style:double;border-width:0 0 0 20px;}#vue-player .play-button:hover{border-color:transparent transparent transparent #eee;}#vue-player .notification{padding:20px;text-shadow:none;}#vue-player #media-canvas{padding:10px 0;border-bottom:1px solid #500;}.full-screen{box-sizing:border-box;display:inline-block;position:relative;width:1em;height:1em;border:.1em solid currentColor;vertical-align:middle;font-family:"Varela Round",sans-serif;font-size:30px;}.full-screen::before,.full-screen::after{position:absolute;background:#c14550;content:"";}.full-screen::before{top:-.1em;left:.233em;width:.333em;height:1em;}.full-screen::after{top:.233em;left:-.1em;width:1em;height:.333em;}input#volume-bar[type="range"]{z-index:8;max-width:130px;}.player-title{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}#vue-player #tools-bar{min-width:0;}#vue-player .tools-content{display:flex;flex:1 1 auto;align-items:center;min-width:0;white-space:nowrap;}#vue-player #seek-slider{flex:1 1 auto;min-width:0;}.seek-content{width:100%;min-width:0;}.time-display{flex:0 0 90px;width:90px;}.line-switcher{flex:0 0 auto;color:#eee;text-shadow:none;}.line-menu{position:absolute;top:100%;z-index:99;padding:10px;border-radius:0 0 3px 3px;background:#cf8e8a;text-align:left;}.line-label{display:inline-block;padding:3px 10px;border-radius:3px;box-shadow:0 0 1px #500;user-select:none;line-height:1.6;min-width:60px;}#vue-player .tools-content #volume-bar{flex:0 0 auto;}@media screen and (max-width:768px){#vue-player:not(.is-live) #status-bar,#vue-player:not(.is-live) #info-bar{display:none}}