.gramophone-widget {
  @media screen and (max-width: 479px) {
    display: none;
  }
}
.gramophone-widget .gramophone-widget__header {
  padding-bottom: 1rem;
}
.gramophone-widget .mp-gramophone .mp-gramophone__toggle {
  background-color: var(--glm-secondary-color);
  border: none;
  transition: background-color .5s;
}
.gramophone-widget .mp-gramophone .mp-gramophone__toggle:hover {
  background-color: var(--glm-secondary-alt);
}
.gramophone-widget .mp-gramophone .mp-gramophone__toggle--playing {
  background: url('./icons/ic-pause-button.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.gramophone-widget .mp-gramophone .mp-gramophone__toggle--paused {
  background-image: url('./icons/ic-play-button.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
}
.gramophone-widget .mp-gramophone .mp-gramophone__seek .mp-gramophone__seek__top {
  padding-bottom: .5rem;
}
.gramophone-widget .mp-gramophone .mp-gramophone__seek .mp-gramophone__seek__track__progress {
  border: var(--glm-primary-color);
  background-color: var(--glm-primary-color);
  height: 2px;
}
.gramophone-widget .mp-gramophone .mp-gramophone__seek .mp-gramophone__seek__track__base {
  border: var(--glm-secondary-color);
}
.gramophone-widget .mp-gramophone .mp-gramophone__seek .mp-gramophone__seek__track__handle {
  background-color: var(--glm-primary-color);
  top: 12px;
}
.gramophone-widget .mp-gramophone .mp-gramophone__seek .mp-gramophone__seek__label--strong {
  padding-bottom: 0;
  font-style: italic;
  font-weight: normal;
  color: var(--glm-secondary-color);
}
