/* line 3, ../sass/m-podcast-player.scss */
.m-podcast-player {
  border-radius: 5px;
  width: 100%;
  max-width: 600px;
}
/* line 8, ../sass/m-podcast-player.scss */
.m-podcast-player img[amplitude-song-info="cover_art_url"] {
  width: 100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
/* line 14, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container {
  background-color: #505052;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
/* line 19, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container progress.amplitude-song-played-progress {
  background-color: #b2b2b2;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  display: block;
  cursor: pointer;
  border: none;
  margin-bottom: 5px;
}
/* line 30, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container progress.amplitude-song-played-progress:not([value]) {
  background-color: #b2b2b2;
}
/* line 35, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container progress[value]::-webkit-progress-bar {
  background-color: #b2b2b2;
}
/* line 39, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container progress[value]::-moz-progress-bar {
  background-color: #4d4f5b;
}
/* line 43, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container progress[value]::-webkit-progress-value {
  background-color: #4d4f5b;
}
/* line 47, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .time-container {
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  font-size: 12px;
  color: #ffffff;
  height: 15px;
}
/* line 54, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .time-container span.current-time {
  float: left;
  margin-left: 10px;
}
/* line 59, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .time-container span.duration {
  float: right;
  margin-right: 10px;
}
/* line 65, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container {
  margin-top: 10px;
  padding-bottom: 20px;
  position: relative;
}
/* line 4, ../sass/_global-mixins-and-variables.scss */
.m-podcast-player .bottom-container .control-container::after {
  clear: both;
  content: '';
  display: table;
}
/* line 71, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-back-30 {
  color: #ffffff;
  width: 27px;
  height: 27px;
  cursor: pointer;
  float: left;
  margin-left: 12px;
  position: absolute;
  bottom: 24px;
}
/* line 81, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-back-30:hover {
  color: #b2b2b2;
}
/* line 86, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-play-pause {
  color: #ffffff;
  width: 43px;
  height: 43px;
  cursor: pointer;
  float: left;
  margin-left: 47px;
  position: absolute;
  bottom: 20px;
}
/* line 96, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-play-pause:hover {
  color: #b2b2b2;
}
/* line 101, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-play-pause.amplitude-paused svg.fa-play {
  display: block;
}
/* line 105, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-play-pause.amplitude-paused svg.fa-pause {
  display: none;
}
/* line 111, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-play-pause.amplitude-playing svg.fa-play {
  display: none;
}
/* line 115, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .amplitude-play-pause.amplitude-playing svg.fa-pause {
  display: block;
}
/* line 121, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .meta-container {
  float: right;
  width: calc( 100% - 114px );
  text-align: center;
  color: #ffffff;
  margin-top: 10px;
  margin-right: 15px;
}
/* line 129, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .meta-container span[amplitude-song-info="name"] {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #ffffff;
  display: block;
}
/* line 136, ../sass/m-podcast-player.scss */
.m-podcast-player .bottom-container .control-container .meta-container span[amplitude-song-info="artist"] {
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  font-size: 14px;
  color: #ffffff;
  display: block;
}