.player-container{background-color:#222;width:100%;height:200px;z-index:1;color:#a6b2c3}.player{height:100%;width:80%;margin:0 auto}.top{height:35%;display:flex;justify-content:center;align-items:center;text-align:center}.now-playing{margin-right:1em;color:#a6b2c3}.dash{margin:auto .5em}.comma{margin-right:.5em}.middle{display:flex;height:50%;justify-content:center;align-items:center}.player-buttons{width:60%;justify-content:center;align-items:center}.previous-container{width:20%}.previous-track{color:#a6b2c3}.next-container{width:20%}.next-track{color:#a6b2c3}.bottom{height:15%}@media (max-width:768px){.player-container{text-align:center}.player{width:100%}.comma,.next-track,.now-playing,.podcast-date,.previous-track{display:none}}.player-buttons{display:flex;align-items:center}.player-button{height:38px;width:38px;cursor:pointer;background-size:cover;background-repeat:no-repeat}.previous{background-image:url(../icons/ic_skip_previous_white_48px.svg)}.replay{background-image:url(../icons/ic_replay_10_white_48px.svg)}.play{background-image:url(../icons/ic_play_circle_outline_white_48px.svg)}.pause{background-image:url(../icons/ic_pause_circle_outline_white_48px.svg)}.forward{background-image:url(../icons/ic_forward_10_white_48px.svg)}.next{background-image:url(../icons/ic_skip_next_white_48px.svg)}.article{background-image:url(../icons/ic_public_white_48px.svg)}.player-slider-wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.progress-bar-wrapper{width:100%;margin-left:10px}.progress-bar{position:relative;right:13px;top:2px;-webkit-appearance:none;border:1px solid #222;background-color:#222;width:100%}.progress-bar::-webkit-slider-runnable-track{width:100%;height:5px;background:#444;border:none;border-radius:3px;position:relative;left:10px;bottom:4px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#fff;margin-top:-4px;position:relative;bottom:1px}.progress-bar:focus{outline:0}.progress-bar::-moz-range-track{width:100%;height:5px;background:#444;border:none;border-radius:3px}.progress-bar::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#fff}.progress-bar:-moz-focusring{outline:1px solid #282828;outline-offset:-1px}.progress-bar::-ms-track{width:100%;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}.progress-bar::-ms-fill-lower{background:#444;border-radius:10px}.progress-bar::-ms-fill-upper{background:#444;border-radius:10px}.progress-bar::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#fff}.time{min-width:50px;text-align:center;font-size:.8em;font-weight:300;color:#ccc}