.audio-player__container{display:flex;align-items:flex-start;justify-content:center}.audio-player__column{padding:1rem;box-sizing:border-box}.audio-player__column--left{width:345px;height:196px;display:flex;align-items:flex-end;color:white;border-radius:6px 0 0 6px}.audio-player__progress{margin:1rem 0 .75rem;width:100%;display:flex;align-items:center;justify-content:center}.audio-player__progress-bar--container{width:80%;height:4px;background:#d7d7d7;border-radius:10px;margin:0 1rem}.audio-player__progress-bar--current-progress{width:0;height:4px;background:#2d89f3;border-radius:100px}.audio-player__current-time,.audio-player__total-duration{font-family:Lato;font-style:normal;font-weight:normal;font-size:12px;line-height:20px;color:rgba(0,0,0,0.5)}.audio-player__column--right{width:600px;height:196px;background:#fff;box-shadow:2px 2px 20px rgba(41,47,72,0.1);border-radius:0 6px 6px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.audio-player__meta>*{margin:.25rem}.audio-player__controls{display:flex;align-items:center;justify-content:center;margin:1rem 0 0}.audio-player__controls svg{margin:0 1rem}.audio-player__play-pause{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;background:#fff;box-shadow:0px 4px 18px rgba(0,0,0,0.15)}.audio-player__play-pause:hover,.audio-player__skip--backward:hover,.audio-player__skip--forward:hover,.audio-player__progress-bar--container:hover{cursor:pointer;opacity:.9}.audio-player__pause{display:none}@media(max-width:767px){.audio-player__container{flex-wrap:wrap}.audio-player__column--left{border-radius:6px 6px 0}.audio-player__column--right{border-radius:0 0 6px 6px}}