@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:local("Montserrat Regular"),local("Montserrat-Regular"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-regular.woff2") format("woff2"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-regular.woff") format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:local("Montserrat Medium"),local("Montserrat-Medium"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-500.woff2") format("woff2"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-500.woff") format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;src:local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-600.woff2") format("woff2"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-600.woff") format("woff")}@font-face{font-family:"Montserrat";font-style:italic;font-weight:600;src:local("Montserrat SemiBold Italic"),local("Montserrat-SemiBold-Italic"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-600italic.woff2") format("woff2"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-600italic.woff") format("woff")}@font-face{font-family:"Montserrat";font-style:normal;font-weight:800;src:local("Montserrat ExtraBold"),local("Montserrat-ExtraBold"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-800.woff2") format("woff2"),url("/themes/main/fonts/montserrat/montserrat-v15-latin-800.woff") format("woff")}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#ff0026;font-weight:500}h2{margin-bottom:15px;font-size:26px;line-height:34px}html.mobile h2{font-size:22px;line-height:26px}b,strong{font-weight:600}input[type=submit],input[type=button],button{float:right;margin-left:15px;padding:10px 30px;border:none;outline:none;background:#fff200;border-radius:5px;cursor:pointer;font-family:"Montserrat",sans-serif;font-size:16px;font-weight:bold;color:#000;-webkit-appearance:none}input[type=submit].minor,input[type=button].minor,button.minor{background:#aaa}input[type=submit]:disabled,input[type=button]:disabled,button:disabled{opacity:.5}input[type=submit]:active,input[type=button]:active,button:active{font-size:16px}video{outline:none}html{-webkit-text-size-adjust:100%}body{font-family:"Montserrat",sans-serif;font-size:18px;line-height:24px;background:#fff}html.mobile body{font-size:15px;line-height:20px}html.app body{-webkit-touch-callout:none}body>.page{width:846px;padding:47px 10px 27px 10px}body>.page>.titleBar{position:relative;z-index:1;min-height:60px;background:#fff200;border-radius:5px;box-shadow:1px 0px 4px 0px rgba(0,0,0,.5)}body>.page>.titleBar>.title{padding:14px 58px 14px 125px;font-size:26px;line-height:30px;color:#000}body>.page>.titleBar>.title>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body>.page>.titleBar>.burger{position:absolute;top:19px;right:27px;width:32px;height:21px;background:url(../img/burger_player.png);cursor:pointer}body>.page>.titleBar:before{content:"";display:block;position:absolute;left:14px;top:0;background:url(../img/logo.png);width:260px;height:166px;transform-origin:top left;transform:scale(0.36)}html.mobile body>.page>.titleBar{min-height:45px;border-radius:0}html.mobile body>.page>.titleBar>.title{padding:11px 50px 10px 128px;font-size:22px;line-height:24px}html.mobile body>.page>.titleBar>.burger{top:12px;right:20px}html.mobile body>.page>.titleBar:before{top:-28px;transform:scale(0.36)}body>.page>.modbox{height:255px}body>.page>.modbox>.content{display:flex}body>.page>.modbox>.content>.description{position:relative;flex-grow:1;min-width:0;padding:40px 0 0 30px;color:#000}body>.page>.modbox>.content>.description>.time{font-size:17px;font-weight:500}body>.page>.modbox>.content>.description>.title{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-top:5px;font-size:26px;line-height:30px;font-weight:600}body>.page>.modbox>.content>.description>.subtitle{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:26px;line-height:30px}body>.page>.modbox>.content>.description>.subtitle.multiline{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}body>.page>.modbox>.content>.description>.play{display:none;position:absolute;left:148px;top:147px;width:86px;height:86px;background:url(../img/play.png);cursor:pointer}body>.page>.modbox>.content>.description>.play.pause{background:url(../img/play_pause.png)}body>.page>.modbox>.content>.image{flex-shrink:0;width:377px;height:255px;background-size:contain;background-repeat:no-repeat;background-position:center}html.mobile body>.page>.modbox{height:277px}html.mobile body>.page>.modbox>.content{flex-direction:column}html.mobile body>.page>.modbox>.content>.description{order:2;padding:20px 20px 0 20px}html.mobile body>.page>.modbox>.content>.description>.play{top:-118px;left:30px}html.mobile body>.page>.modbox>.content>.image{width:100%;height:150px;border-bottom:1px solid #b2b2b2;background-position:top right}body>.page>.tracks{width:100%;height:220px;padding:20px 0 0 0;background:#fff200;border-radius:5px;box-shadow:1px 0px 4px 0px rgba(0,0,0,.5)}body>.page>.tracks>.list{display:flex;justify-content:center;flex-wrap:wrap;height:180px;overflow:hidden;padding:0 20px}body>.page>.tracks>.list>.track{flex-shrink:0;position:relative;margin-left:22px;width:180px;height:180px;background:#b2b2b2;background-size:cover}body>.page>.tracks>.list>.track>.info{position:absolute;left:0;bottom:0;width:100%;padding:0 10px 10px 10px;color:#fff;font-size:14px;line-height:17px}body>.page>.tracks>.list>.track>.info>.artist{font-weight:600;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.page>.tracks>.list>.track>.info>.title{font-weight:400;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body>.page>.tracks>.list>.track:before{content:"";display:block;position:absolute;top:0;width:100%;height:100%;background:linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6))}body>.page>.tracks>.list>.track:after{content:"";display:block;position:absolute;top:0;box-sizing:border-box;width:100%;padding-left:10px;height:23px;background:rgba(255,255,255,.7);backdrop-filter:blur(2px);font-size:12px;line-height:23px;font-weight:600;color:#000}body>.page>.tracks>.list>.track:first-child{margin-left:0 !important}body>.page>.tracks>.list>.track:first-child:after{content:"now playing";color:#fff;background:rgba(0,0,0,.7)}body>.page>.tracks>.list>.track:nth-child(2):after{content:"coming next..."}html.mobile body>.page>.tracks{border-radius:0;height:190px}html.mobile body>.page>.tracks>.list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;height:150px}html.mobile body>.page>.tracks>.list>.track{width:150px;height:150px;margin-left:20px}html.mobile body>.page>.tracks>.list>.track>.info{font-size:12px;line-height:15px}html.mobile body>.page>.tracks>.list>.track:after{height:20px;font-size:12px;line-height:19px}html.mobile body>.page>.tracks>.list:after{content:"";flex-shrink:0;display:block;width:20px}body>.page>.channels{height:173px;margin-top:10px;background:#fff200;border-radius:5px;box-shadow:1px 0px 4px 0px rgba(0,0,0,.5)}body>.page>.channels>.title{padding:14px 0 13px 20px;font-size:18px;line-height:21px;color:#fff}body>.page>.channels>.list{position:relative;height:104px;overflow:hidden}body>.page>.channels>.list>.scroll{display:flex;width:100%;overflow-x:scroll;padding:0 20px}body>.page>.channels>.list>.scroll>.channel{display:block;flex-shrink:0;margin-left:20px;width:104px;height:104px;background:#b2b2b2;background-size:cover}body>.page>.channels>.list>.scroll>.channel:first-child{margin-left:0 !important}body>.page>.channels>.list>.scroll:after{content:"";flex-shrink:0;display:block;width:20px}body>.page>.channels>.list>.arrow{position:absolute;top:21px;cursor:pointer}body>.page>.channels>.list>.arrow.left{left:0;width:50px;height:68px;background:url(../img/paging_arrow_prev.png)}body>.page>.channels>.list>.arrow.right{right:0;width:50px;height:68px;background:url(../img/paging_arrow_next.png)}html.mobile body>.page>.channels{height:151px;border-radius:0}html.mobile body>.page>.channels>.title{padding-top:13px;padding-bottom:12px}html.mobile body>.page>.channels>.list{height:auto}html.mobile body>.page>.channels>.list>.scroll>.channel{width:87px;height:87px}html.mobile body>.page>.channels>.list>.arrow{display:none}html.mobile body>.page{width:100%;max-width:846px;padding:33px 0}body>.menu{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);pointer-events:none;transition:background .2s linear}body>.menu>.panel{width:100%;background:rgba(255,255,255,.95);transform:translateY(-100%);transition:transform .2s linear}body>.menu>.panel>.main{display:flex;flex-direction:column;align-items:flex-end;padding:15px 30px 40px 30px;width:846px}body>.menu>.panel>.main>.arrow{width:20px;height:11px;background:url(../img/arrow_up.png);cursor:pointer}body>.menu>.panel>.main>ul{margin-top:40px;list-style:none;width:100%;max-width:320px}body>.menu>.panel>.main>ul>li{padding:14px 0;border-bottom:1px solid #b2b2b2;text-align:right;font-size:18px;line-height:22px}body>.menu>.panel>.main>ul>li>a{font-weight:400;color:#000}body>.menu>.panel>.main>ul>li:last-child{border-bottom:none}body>.menu.active{background:rgba(0,0,0,.1);pointer-events:auto}body>.menu.active>.panel{transform:translateY(0)}html.mobile body>.menu>.panel>.main{width:100%;max-width:846px;padding-left:20px;padding-right:20px}/*# sourceMappingURL=player.css.map */