.player-container {
  margin-bottom: 20px;
  max-width: 400px;
}
.station-title {
  font-family: sans-serif;
  margin-bottom: 5px;
  font-size: 1.1em;
}
.plyr input[type="range"]::-ms-fill-lower {
  height: 8px;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
  background: #a1afb3;
}
.plyr input[type="range"]:active::-webkit-slider-thumb {
  background: #a1afb3;
  border-color: #fff;
  transform: scale(1.25);
}
.plyr input[type="range"]:active::-moz-range-thumb {
  background: #a1afb3;
  border-color: #fff;
  transform: scale(1.25);
}
.plyr input[type="range"]:active::-ms-thumb {
  background: #a1afb3;
  border-color: #fff;
  transform: scale(1.25);
}
.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__controls button:hover {
  background: #a1afb3;
  color: #fff;
}

.plyr--audio .plyr__controls {
  border-radius: 30px;
  background: #fff;
  border: none;
}
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__controls button:hover,
.plyr__play-large {
  background: #a1afb3;
  color: #fff;
}
.plyr__progress--played,
.plyr__volume--display {
  z-index: 1;
  color: #a1afb3;
  background: 0 0;
  transition: none;
}
.plyr input[type="range"]::-ms-fill-lower {
  height: 8px;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
  background: #a1afb3;
}