.audio-container{margin:24px 0}.player-container{align-items:center;display:flex;flex-direction:row}.play-button::after{color:var(--blue-player);content:"play_circle";cursor:pointer;display:inherit;font-family:'Material Icons';font-size:36px}.play-button:hover::after{color:var(--blue-hover)}.play-button.show-pause::after{content:"pause_circle";color:var(--grey-primary)}.play-button.show-pause:hover::after{color:var(--black)}.play-button.buffering::after{content:"autorenew";color:var(--grey-primary);cursor:auto}.play-button.buffering{-webkit-animation:spin linear 1s infinite;animation:spin linear 1s infinite;pointer-events:none}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.progress-bar{background-color:var(--light-grey);border-radius:5px;cursor:pointer;flex:1 0 auto;height:8px;margin:0 18px;overflow:hidden;width:auto}.progress-bar-range{background-color:var(--blue-player);border-radius:5px;height:100%;width:0}@media only screen and (max-width:600px){.audio-container{margin-top:16px}.progress-bar{margin:0 8px}}