@keyframes a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.play-pause-btn{height:100%;width:60px;border-top-left-radius:4px;border-bottom-left-radius:4px;border:none;background-position:50%;background-repeat:no-repeat;outline:none}.play-pause-btn,.play-pause-btn:active,.play-pause-btn:hover,.play-pause-btn:visited{background-color:transparent}.play-pause-btn.play{background-image:url(../images/play.svg)}.play-pause-btn.pause{background-image:url(../images/pause.svg)}.audio-player{background-color:#fff;bottom:0;left:0;right:0;min-width:300px;height:3.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border-radius:4px}.audio-player .play-pause-btn{display:none;cursor:pointer}.audio-player .spinner{margin-left:1.4rem;width:18px;height:18px;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);background-size:cover;background-repeat:no-repeat;animation:a .4s linear infinite}.audio-player .slider{-ms-flex-positive:1;flex-grow:1;background-color:#f7f7f6;cursor:pointer;position:relative}.audio-player .slider .progress{background-color:#7ccdb9;border-radius:inherit;position:absolute;pointer-events:none}.audio-player .slider .progress .pin{height:16px;width:16px;border-radius:8px;background-color:#7ccdb9;position:absolute;pointer-events:all;box-shadow:0 1px 1px 0 rgba(0,0,0,.32)}.audio-player .controls{font-family:Source Sans Pro,sans-serif;font-size:16px;line-height:18px;color:#55606e;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-left:24px;margin-right:24px}.audio-player .controls .slider{margin-left:16px;margin-right:16px;border-radius:2px;height:4px}.audio-player .controls .slider .progress{width:0;height:100%}.audio-player .controls .slider .progress .pin{right:-8px;top:-6px}.audio-player .controls span{cursor:default}