.player{font-size:1rem;position:relative}.player .play-btn{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5 0 9.33V.67L9 5Z' fill='%23D40431'/%3E%3C/svg%3E") no-repeat 57%/33%;background-color:rgba(190,0,0,.1);border-radius:50%;cursor:pointer;display:inline-block;height:1.75em;width:1.75em}.player .play-btn.pause{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23D40431' d='M0 .284h3v11H0zM5 .284h3v11H5z'/%3E%3C/svg%3E") no-repeat 50%/30%;background-color:rgba(190,0,0,.1)}.track-duration,.track-title{font-size:1.125em;font-style:normal;font-weight:400;height:1.75em;left:2.75em;line-height:1.75em;overflow:hidden;position:absolute;right:4.5em;text-overflow:ellipsis;top:0;white-space:nowrap}.track-duration{color:rgba(0,0,0,.5);left:auto;right:0}.track-duration .cur-time:after{content:"/";padding:0 .1em;position:relative}.player:not(.active) .track-duration .cur-time{display:none}.player .seek-bar{background:none;border:none;height:1em;margin-left:.75em;margin-top:.1875em;pointer-events:none;position:relative;width:calc(100% - 1.5em)}.player.active .seek-bar{cursor:pointer;pointer-events:auto}.player .seek-bar:before{height:100%;top:0}.player .seek-bar:after,.player .seek-bar:before{content:"";margin:0 -.75em;position:absolute;width:calc(100% + 1.5em)}.player .seek-bar:after{background:rgba(185,11,49,.2);height:1px;top:50%}.player .seek-bar .ui-slider-range{background:#d40431;border-radius:0;box-sizing:content-box;cursor:pointer;font-size:1em;height:100%;height:3px;margin-left:-.75em;margin-top:-1px;padding-right:.75em;position:absolute;top:50%}.player:not(.active) .seek-bar .ui-slider-handle,.player:not(.active) .seek-bar .ui-slider-range{display:none}.player .seek-bar .ui-slider-handle{background:#fff;border:none;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;height:1.5em;margin-left:-.75em;outline:none;top:0;transform:translateY(-.25em);width:1.5em;z-index:1}.play-btn:hover{background-color:rgba(190,0,0,.247)}