bottom-player-wc{position:fixed;left:0;right:0;bottom:0;height:120px;display:flex;flex-direction:column;background-color:#fff;z-index:150;box-shadow:0 0 16px rgba(0,0,0,.25);transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}bottom-player-wc.show{transform:translateY(0)}bottom-player-wc .metadata{display:flex;justify-content:center;margin:20px auto 0 auto;text-align:center;font-weight:500;font-size:14px;min-height:20px}bottom-player-wc .author{color:var(--gray-3);margin-right:25px;max-width:30vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}bottom-player-wc .title{color:var(--gray-6);max-width:60vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}bottom-player-wc .controls-progress{display:flex;margin:-12px 20px 0 20px;align-items:center}bottom-player-wc .controls{display:flex}bottom-player-wc .control{border:none;cursor:pointer;margin-right:5px;color:var(--gray-5);border-radius:100%;outline:0;-webkit-transition:color .5s ease;transition:color .5s ease;width:48px;height:48px;min-width:48px;min-height:48px;background-color:transparent;background-repeat:no-repeat;background-position:center center;margin-top:8px}bottom-player-wc .control.replay{background-image:url(/audio/static/images/audio-10rew.eb5154d7.svg)}bottom-player-wc .control.play-pause{background-image:url(/audio/static/images/audio-play.dd3d7339.svg);background-position:20px center;width:64px;height:64px;min-width:64px;min-height:64px;margin-top:0}bottom-player-wc .control.play-pause.pause{background-image:url(/audio/static/images/audio-pause.e737b4b8.svg);background-position:center center}bottom-player-wc .control.speed{background-image:url(/audio/static/images/audio-speed-one.ffb87d2d.svg)}bottom-player-wc .control.speed.half{background-image:url(/audio/static/images/audio-speed-half.179f6496.svg)}bottom-player-wc .control.speed.one-and-half{background-image:url(/audio/static/images/audio-speed-one-one-half.66b989a1.svg)}bottom-player-wc .control.speed.double{background-image:url(/audio/static/images/audio-speed-double.15ceb498.svg)}bottom-player-wc .progress-time{display:flex;flex-grow:1;align-items:center}bottom-player-wc time{font-size:12px;font-weight:500;color:var(--gray-3);width:35px}bottom-player-wc progress-bar{display:block;position:relative;width:100%;height:4px;overflow:hidden;background-color:var(--gray-3);margin:0 15px;border-radius:4px}bottom-player-wc thumb{background-color:var(--cnn-red);width:12px;height:12px;border-radius:100%;position:absolute;top:0;left:0;z-index:3}bottom-player-wc progress-bar.loading{background-image:linear-gradient(-45deg,rgba(255,255,255,.3) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.3) 75%,transparent 75%,transparent);animation:progress-loading 1s linear infinite;background-size:20px 20px}bottom-player-wc front{position:absolute;top:0;left:0;width:100%;height:4px;background-color:var(--cnn-red);z-index:2;border-radius:4px;transform:translateX(-101%)}@media (max-width:768px){bottom-player-wc .author{display:none}bottom-player-wc .title{max-width:90vw}}@media (max-width:560px){bottom-player-wc .metadata{margin:14px auto -14px auto}bottom-player-wc .controls-progress{flex-direction:column;margin-top:10px}bottom-player-wc .controls{margin-top:5px;width:100vw;justify-content:center}bottom-player-wc .progress-time{width:100%}}@keyframes progress-loading{from{background-position:0 0}to{background-position:20px 0}}