.audio-player__container{align-items:flex-start;display:flex;justify-content:center}.audio-player__column{box-sizing:border-box;padding:1rem}.audio-player__column--left{align-items:flex-end;border-radius:6px 0 0 6px;color:#fff;display:flex;height:196px;width:345px}.audio-player__column--left .audio-player__text--white{color:#fff}.audio-player__column--left .audio-player__text--dark{color:#292f48}.audio-player__column--left .audio-player__text--blue{color:#2d89f3}.audio-player__progress{align-items:center;display:flex;justify-content:center;margin:1rem 0 .75rem;width:100%}.audio-player__progress-bar--container{background:#d7d7d7;border-radius:10px;height:4px;margin:0 1rem;width:80%}.audio-player__progress-bar--current-progress{background:#2d89f3;border-radius:100px;height:4px;width:0}.audio-player__current-time,.audio-player__total-duration{color:rgba(0,0,0,.5);font-family:Lato;font-size:12px;font-style:normal;font-weight:400;line-height:20px}.audio-player__column--right{align-items:center;background:#fff;border-radius:0 6px 6px 0;box-shadow:2px 2px 20px rgba(41,47,72,.1);display:flex;flex-direction:column;height:196px;justify-content:center;width:600px}.audio-player__meta>*{margin:.25rem}.audio-player__controls{align-items:center;display:flex;justify-content:center;margin:1rem 0 0}.audio-player__controls svg{margin:0 1rem}.audio-player__play-pause{align-items:center;background:#fff;border-radius:100%;box-shadow:0 4px 18px rgba(0,0,0,.15);display:flex;height:40px;justify-content:center;width:40px}.audio-player__play-pause:hover,.audio-player__progress-bar--container:hover,.audio-player__skip--backward:hover,.audio-player__skip--forward:hover{cursor:pointer;opacity:.9}.audio-player__controls .audio-player__play-pause svg{display:block;margin:0}.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}}