.player-bar{align-items:center;border-bottom:1px solid #eff2f3;display:flex;height:40px;position:relative}.player-bar:first-child{border-top:1px solid #eff2f3}.player-bar-side{flex:0 0 50%;width:50%}.player-bar-full{flex:0 0 100%;text-align:center;width:100%}.player-bar-side-left,.player-bar-side-right{align-items:center;display:flex;position:relative}.player-bar-side-right{flex-direction:row-reverse}.player-bar-num{flex:0 0 21px;white-space:nowrap;width:21px}.player-bar-num .player-bar-number,.player-bar-num .player-bar-replace-time{color:#707f98;font-size:18px;font-weight:700;line-height:1.4}.player-bar-num-left{left:-10px}.player-bar-num-right{left:auto;right:-10px;text-align:right}@media (min-width:768px){.player-bar-num .player-bar-replace-time{margin:0}.player-bar-num-left{margin-right:0}.player-bar-num-right{margin-left:0}}.player-bar-text{align-items:center;display:flex;max-width:100%;position:relative}@media (min-width:768px){.player-bar-text-left .player-bar-title-box{flex-direction:row}}.player-bar-text-right{flex-direction:row-reverse}@media (min-width:768px){.player-bar-text-right .player-bar-title-box{flex-direction:row-reverse}}.player-bar-img-box{border-radius:50%;flex:0 0 auto;height:16px;margin:0 7px;width:16px}.player-bar-title-icon{align-items:center;display:flex;justify-content:center;margin-left:5px;margin-right:5px}.player-bar-title-icon svg{font-size:14px}@media (min-width:768px){.player-bar-title-icon{margin-left:10px;margin-right:10px;position:static;transform:none}}.player-bar-title{color:#253e54;font-size:12px;font-weight:600;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:color .25s;white-space:nowrap}.player-bar-title-right{flex-direction:row-reverse;justify-content:flex-start;text-align:right}@media (min-width:768px){.player-bar-title-left{padding-right:0}.player-bar-title-right{padding-left:0;padding-right:0}}.player-bar-replacement{flex-direction:row-reverse;font-size:12px;font-weight:400;justify-content:flex-start;line-height:16px;max-width:100%;overflow:hidden;text-align:right;text-overflow:ellipsis;transition:color .25s;white-space:nowrap}@media (min-width:768px){.player-bar-replacement{padding-left:0;padding-right:0}}.player-bar-title-link{flex-shrink:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}