.app-player{position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50%;background-image:url(../img/petals.c5e315e3.jpg)}.app-player-container{position:absolute;top:0;left:0;right:0;bottom:0}.app-player-container.play{background-color:#000}.app-player-container.play embed{opacity:1}.app-player-container embed{position:relative;opacity:1;width:100%;height:100%;margin:auto;display:block}.app-player-container .ctrl-bottom,.app-player-container .ctrl-center{opacity:0;-webkit-transition:opacity .32s cubic-bezier(.77,0,.175,1);transition:opacity .32s cubic-bezier(.77,0,.175,1);-webkit-transition-delay:.5s;transition-delay:.5s}.app-player-container:hover .ctrl-bottom,.app-player-container:hover .ctrl-center,.app-player-container:not(.ready) .ctrl-bottom,.app-player-container:not(.ready) .ctrl-center{opacity:1;-webkit-transition-delay:0s;transition-delay:0s}.app-player-controller{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:grid;grid-auto-flow:row;grid-template-rows:3ch 1fr 6ch;color:#fff}.app-player-controller .ctrl-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin:0 10px}.app-player-controller .ctrl-top .live{-ms-flex-item-align:center;align-self:center;font-size:9pt;color:#ff4d4d}.app-player-controller .ctrl-top .live i{margin-right:4px}.app-player-controller .ctrl-center{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.app-player-controller .ctrl-center .play{cursor:pointer;padding:0 2rem;margin-top:1rem;font-size:64pt;color:#fff}.app-player-controller .ctrl-bottom{position:relative;padding:0 20px;height:100%;display:grid;grid-column-gap:20px;grid-template-columns:40px auto 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(transparent));background-image:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent)}.app-player-controller .ctrl-bottom .time{position:relative;height:4px}.app-player-controller .ctrl-bottom .time .line{position:absolute;left:0;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0;background-color:#fff}.app-player-controller .ctrl-bottom .time .back{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-color:rgba(227,242,253,.2)}.app-player-controller .ctrl-bottom .screen,.app-player-controller .ctrl-bottom .volume{text-align:center;min-height:30px;font-size:18pt}.app-player-controller .ctrl-bottom .screen i,.app-player-controller .ctrl-bottom .volume i{line-height:1}.app-player-controller .ctrl-bottom .ctrl{cursor:pointer}.app-player-controller .aperture{position:absolute;top:50%;left:0;right:0;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.app-player-controller .aperture>i{font-size:60pt;font-weight:100;color:hsla(0,0%,100%,.98);text-shadow:0 0 8rem #e3f2fd;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#app-hidden[data-v-0c345b74]{max-height:100vh;padding:40px;margin-left:55px;background-color:#111418}#app-hidden>.app-player[data-v-0c345b74]{display:block;width:100%;height:100vh;margin:0 auto;max-width:1280px;max-height:720px}