.live-radio-player img {
  width: 70px;
  height: 70px;
  aspect-ratio: 1/1;
  border-radius: var(--border-radius-md);
}
.live-radio-player-wrap {
  gap: 8px;
  align-items: center;
}
.live-radio-player-content {
  width: 226px;
}
.live-radio-player-content p {
  margin-bottom: var(--space-xxs);
  font-size: var(--typography-font-size-label3-lg);
  line-height: var(--typography-line-height-label3-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-foreground-foreground-on-active);
  display: flex;
  gap: 4px;
}
.live-radio-player-content .heading {
  color: var(--color-foreground-foreground-on-active);
}
.audio-player {
  width: 43px;
  height: 43px;
  border-radius: var(--border-radius-rounded);
  background-color: var(--color-foreground-foreground-on-active);
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio-player svg {
  fill: var(--color-surface-surface-active);
}
.page__header_content .live-radio-player {
  background-color: var(--color-surface-surface-secondary-active);
  display: none;
}
.live-radio-player-content p span.listen-svg {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 17px;
  height: 15px;
  mask-image: url('icons/listen-live-icon.svg');
  -webkit-mask-image: url('icons/listen-live-icon.svg');
  background-color: var(--color-foreground-foreground-on-active);
}
@media only screen and (max-width: 1279.98px) {
  .live-radio-player-content {
    width: calc(100% - 129px);
  }
  .page__header_content .live-radio-player {
    display: block;
  }
  .color-syok .page__header_content .live-radio-player {
    display: none;
  }
  .page__header_content .live-radio-player a {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    padding: var(--space-sm) var(--space-5xl);
  }
}
@media only screen and (max-width: 960px) {
  .page__header_content .live-radio-player a {
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }
  .page__header_content .live-radio-player .live-radio-player-content {
    width: calc(100% - 129px);
  }
}
@media only screen and (max-width: 767px) {
  .page__header_content .live-radio-player a {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);;
  }
}
@media only screen and (max-width: 640px) {
  .page__header_content .live-radio-player a {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg);
  }
}