body .ppjs__audio .ppjs__button.ppjs__playpause-button button, body .ppjs__audio .ppjs__button.ppjs__playpause-button button *, body .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover, body .ppjs__audio .ppjs__button.ppjs__playpause-button button:hover *, body .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus, body .ppjs__audio .ppjs__button.ppjs__playpause-button button:focus * {
  color: var(--primary) !important;
}
.pp-podcast.playerview {
  background-color: var(--primary-ultra-light) !important;
}
.pp-podcast {
  border: 1px solid var(--primary-trans-50) !important;
}
@media (max-width: 767px) {
  .pp-podcast {
    max-width: 450px;
  }
}
@media only screen and (min-width: 450px) {
  .wide-player .ppjs__audio-controls, .pp-modal-window .ppjs__audio-controls {
    flex-wrap: nowrap !important;
  }
}
.inline-view .pp-modal-wrapper {
  background-color: var(--primary-ultra-light) !important;
}
div.ppjs__audio-time-rail .ppjs__controls input[type="range"], div.ppjs__audio-time-rail .ppjs__seek-slider, div.pp-modal-window.inline-view.pp-modal-open svg.icon-pp-play, div.pp-modal-window.inline-view.pp-modal-open .pp-modal-aux-wrapper .pod-entry__play * {
  --pp-accent-color: var(--primary) !important;
  color: var(--primary) !important;
  fill: var(--primary);
}
.pp-podcast[id^=pp-podcast-] a, .pp-modal-window a {
  color: var(--primary) !important;
}
.ppjs__audio .ppjs__button .play-rate-text {
  display: flex !important;
  transform: translate(-50%, -50%);
  letter-spacing: 0 !important;
  border: 0.09em solid var(--primary-dark) !important;
  border-radius: 12px;
  justify-content: center !important;
  align-items: center !important;
}
.ppjs__audio .ppjs__button .play-rate-text .pp-rate, .ppjs__audio .ppjs__button .play-rate-text .pp-times {
  top: 0 !important;
}
button.pp-modal-close {
  display: flex !important;
  border: 1px solid var(--primary-trans-50) !important;
  border-radius: 10px 10px 0 0 !important;
  background-color: var(--primary-ultra-light) !important;
  align-items: center !important;
  justify-content: center !important;
}
button.pp-modal-close:hover {
  background-color: var(--primary-light) !important;
}
