@font-face{font-family:Roboto;font-weight:400;src:url("../fonts/roboto/roboto-v18-latin-regular.bafb105baeb2.woff") format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url("../fonts/roboto/roboto-v18-latin-700.cf6613d1adf4.woff") format("woff")}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#e50070;font-weight:500}h2{margin-bottom:15px;font-size:26px;line-height:34px}html.mobile h2{font-size:22px;line-height:26px}input[type=submit],button{float:right;margin-left:15px;padding:10px 30px;border:none;outline:none;background:#e50070;box-shadow:2px 2px 10px rgba(0,0,0,.3);cursor:pointer;font-family:"Roboto",sans-serif;font-size:16px;font-weight:bold;color:#fff;-webkit-appearance:none}input[type=submit].minor,button.minor{background:#aaa}input[type=submit]:disabled,button:disabled{opacity:.5}input[type=submit]:active,button:active{font-size:16px}video{outline:none}html{-webkit-text-size-adjust:100%}body{font-family:"Roboto",sans-serif;font-size:16px;line-height:24px;color:#044087;background:#fff}html.mobile body{font-size:15px;line-height:20px}html.app body{-webkit-touch-callout:none}[v-cloak]{display:none}body>#app{position:fixed;height:100%;width:100%}body>#app>.bg{position:absolute;z-index:0;top:0;left:0;width:100vw;height:100vh}@keyframes fade{0%{opacity:1}100%{opacity:0}}body>#app>.bg>.gradient{position:absolute;top:0;right:0;bottom:0;left:0}body>#app>.bg>.gradient:nth-child(2){animation:fade 4s linear;animation-fill-mode:forwards}body>#app>.main{position:relative;display:flex;flex-direction:column;height:100%;max-height:925px}body>#app>.main>.stage{flex-shrink:1;overflow:auto;padding:60px 0 60px 0;display:flex;justify-content:center;height:620px}body>#app>.main>.stage>.main{display:flex;height:500px;align-self:flex-start}body>#app>.main>.stage>.main>.tracks{display:flex;align-items:flex-end;width:300px}body>#app>.main>.stage>.main>.tracks>.content{width:100%;font-size:14px;line-height:17px;color:#fff}body>#app>.main>.stage>.main>.tracks>.content>.title{margin-bottom:6px;opacity:1}body>#app>.main>.stage>.main>.tracks>.content>.track{display:flex;width:100%;border-top:1px solid hsla(0,0%,100%,.3);padding:10px 0}body>#app>.main>.stage>.main>.tracks>.content>.track>.cover{flex-shrink:0;background:gray;width:66px;height:66px;opacity:.5}body>#app>.main>.stage>.main>.tracks>.content>.track>.cover>img{display:block;width:100%;height:100%}body>#app>.main>.stage>.main>.tracks>.content>.track>.text{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding-left:15px}body>#app>.main>.stage>.main>.tracks>.content>.track>.text>p{opacity:1}body>#app>.main>.stage>.main>.tracks.previous{margin-right:30px}body>#app>.main>.stage>.main>.tracks.next{margin-left:30px}body>#app>.main>.stage>.main>.tracks.current{display:none;background:hsla(0,0%,100%,.1)}body>#app>.main>.stage>.main>.tracks.current>.content{padding-top:10px}body>#app>.main>.stage>.main>.tracks.current>.content>.title{opacity:1}body>#app>.main>.stage>.main>.tracks.current>.content>.track>.cover{opacity:1}body>#app>.main>.stage>.main>.tracks.current>.content>.track>.text>p{opacity:1}body>#app>.main>.stage>.main>.currentCover{width:500px}body>#app>.main>.stage>.main>.currentCover>.cover{position:relative;width:100%;background:#000}body>#app>.main>.stage>.main>.currentCover>.cover:before{display:block;content:"";width:100%;padding-top:100%}body>#app>.main>.stage>.main>.currentCover>.cover>img{position:absolute;left:0;top:0;width:100%;height:100%}body>#app>.main>.stage>.main>.currentCover>.cover>.info{position:absolute;left:10px;bottom:-27px;right:10px;display:flex;flex-direction:column;align-items:center}body>#app>.main>.stage>.main>.currentCover>.cover>.info>.lines{max-width:100%}body>#app>.main>.stage>.main>.currentCover>.cover>.info>.lines>.line{position:relative;font-size:22px;line-height:0;font-weight:bold;color:#fff}body>#app>.main>.stage>.main>.currentCover>.cover>.info>.lines>.line>p{display:inline-block;height:42px;padding:10px 12px 0 12px;line-height:22px;background:#e50070;box-shadow:2px 2px 10px rgba(0,0,0,.3);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>#app>.main>.stage>.main>.currentCover>.cover>.info>.lines>.line.artist{z-index:1}body>#app>.main>.stage>.main>.currentCover>.cover>.info>.lines>.line.title{margin:-5px 0 0 14px}body>#app>.main>.stage>.main>.currentCover>.cover>.play{position:absolute;left:50%;top:50%;width:166px;height:166px;background:url("../img/PlayButton_Weiss.14042005ca1e.svg") no-repeat;cursor:pointer;transform:translate(-50%, -50%)}body>#app>.main>.stage>.main>.currentCover>.cover>.play.pause{background-image:url("../img/PauseButton_Weiss.b053518068e6.svg")}body>#app>.main>.stage>.main>.currentCover>.cover>.volume{display:none;position:absolute;right:0;bottom:-36px;flex-direction:column;gap:5px;align-items:center}body>#app>.main>.stage>.main>.currentCover>.cover>.volume>.slider{position:relative;display:none}body>#app>.main>.stage>.main>.currentCover>.cover>.volume>.slider>.track{position:relative;width:8px;height:100px;background:#fff;border:1px solid #044087;border-radius:5px;overflow:hidden}body>#app>.main>.stage>.main>.currentCover>.cover>.volume>.slider>.track>.level{position:absolute;bottom:0;left:0;width:100%;height:100%;background:#e50070}body>#app>.main>.stage>.main>.currentCover>.cover>.volume>.slider>.knob{position:absolute;left:-4px;top:0px;width:16px;height:16px;background:#e50070;border:1px solid #044087;border-radius:100%;cursor:pointer}body>#app>.main>.stage>.main>.currentCover>.cover>.volume>.slider.visible{display:block}body>#app>.main>.stage>.main>.currentCover>.cover>.volume>.toggle{width:40px;height:40px;background:url("../img/volume.4373c119eb0b.svg") no-repeat center/contain;cursor:pointer}body>#app>.main>.stage>.main>.currentCover>.cover>.volume.show{display:flex}@media(max-width: 1180px){body>#app>.main>.stage>.main{flex-direction:column;height:auto}body>#app>.main>.stage>.main>.currentCover{order:1}body>#app>.main>.stage>.main>.tracks{width:100%;padding-left:20px;padding-right:20px}body>#app>.main>.stage>.main>.tracks.previous{order:2;margin-right:0;margin-top:50px}body>#app>.main>.stage>.main>.tracks.current{display:block;order:3;margin:20px 0}body>#app>.main>.stage>.main>.tracks.next{order:4;margin-left:0;margin-top:20px}}@media(max-width: 500px){body>#app>.main>.stage>.main{width:100%}body>#app>.main>.stage>.main>.currentCover{width:100%}}body>#app>.main>.stage>.cover{position:relative;height:100%;min-height:250px;display:flex;justify-content:center}body>#app>.main>.stage>.cover>img{height:100%;max-width:100%}body>#app>.main>.stage>.cover>.info{position:absolute;left:10px;bottom:-27px;right:10px;display:flex;flex-direction:column;align-items:center}body>#app>.main>.stage>.cover>.info>.lines{max-width:100%}body>#app>.main>.stage>.cover>.info>.lines>.line{position:relative;font-size:22px;line-height:0;font-weight:bold;color:#fff}body>#app>.main>.stage>.cover>.info>.lines>.line>p{display:inline-block;height:42px;padding:10px 12px 0 12px;line-height:22px;background:#e50070;box-shadow:2px 2px 10px rgba(0,0,0,.3);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>#app>.main>.stage>.cover>.info>.lines>.line.artist{z-index:1}body>#app>.main>.stage>.cover>.info>.lines>.line.title{margin:-5px 0 0 14px}body>#app>.main>.channels{flex-shrink:0;background:gray;width:100%}body>#app>.main>.channels>.group{position:relative;height:192px;background:url("../img/back_channels.2d239e1423a0.png") no-repeat;background-size:100% 100%}body>#app>.main>.channels>.group>.title{padding:32px 10px 0 10px;text-align:center;font-size:18px;line-height:22px;color:#fff}body>#app>.main>.channels>.group>.list{display:flex;justify-content:center;position:absolute;top:60px;width:100%;height:100px;overflow:hidden}body>#app>.main>.channels>.group>.list>.scroll{display:flex;max-width:100%;height:120px;padding-left:100px;padding-right:100px;overflow-x:scroll}body>#app>.main>.channels>.group>.list>.scroll>.channel{position:relative;top:5px;flex-shrink:0;margin-right:4px;width:160px;height:90px;overflow:hidden;background:#eee;opacity:.7;cursor:pointer}body>#app>.main>.channels>.group>.list>.scroll>.channel>.img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat}body>#app>.main>.channels>.group>.list>.scroll>.channel.active{z-index:1;transform:scale(1.1);opacity:1}body>#app>.main>.channels>.group>.scrollButtons{position:absolute;z-index:1;left:0;top:45px;bottom:0;right:0;pointer-events:none;display:none;justify-content:space-between}body>#app>.main>.channels>.group>.scrollButtons>.button{position:relative;width:132px;height:132px;background:no-repeat;display:flex;justify-content:center;align-items:center}body>#app>.main>.channels>.group>.scrollButtons>.button>.target{width:60px;height:60px;cursor:pointer;pointer-events:initial}body>#app>.main>.channels>.group>.scrollButtons>.button.backward{left:-15px;background-image:url("../img/ScrollButton_Previous.b43c9d5e5648.svg")}body>#app>.main>.channels>.group>.scrollButtons>.button.forward{left:15px;background-image:url("../img/ScrollButton_Next.9f53d38edf71.svg")}body>#app>.main>.channels>.group.main{z-index:1;margin-top:-18px}body>#app>.main>.channels>.group.more{position:relative;z-index:0;height:170px;margin-top:-39px;background:#fff}body>#app>.main>.channels>.group.more>.title{color:#044087}body>#app>.main>.channels>.group.needsScroll:hover>.scrollButtons{display:flex}body>#app>.flag{position:absolute;right:0;top:0}body>#app>.flag>img{width:155px;height:115px}/*# sourceMappingURL=player.css.map */