.player_player__T_6h5 {
  margin-top: 52px;
  display: flex;
  gap: 20px;
  width: 100%;
  align-items: flex-end;
}

.player_title__X5i8D {
  color: var(--color-disabled);
}

.player_info__j6TLy {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 12px;
  flex: 1 1;
}

.player_timing__j77MY {
  display: flex;
  justify-content: space-between;
}

.player_playerButtonWrap__mHfa_ {
  position: relative;
  content: ' ';
  width: 60px;
  height: 60px;
  background-color: var(--color-gray-bg);
  border-radius: 50%;
  cursor: pointer;
  flex-grow: 0;
  margin-bottom: 8px;
}

.player_playerControlButton__rxf8U {
  position: absolute;
  content: ' ';
  background-repeat: no-repeat;
  top: calc(50% - 10px);
}

.player_playButton__zBdGV {
  width: 20px;
  height: 22px;
  background-image: url(/_next/static/media/pplay.8ec80754.svg);
  left: calc(50% - 8px);
  opacity: 0;
}

.player_pauseButton__VjAYp {
  width: 18px;
  height: 20px;
  background-image: url(/_next/static/media/pause.b6aa6511.svg);
  left: calc(50% - 8px);
  opacity: 0;
}

.player_playerControlButton__rxf8U.player_show__bgV_b {
  opacity: 1;
}

.player_progress__B_TIi {
  position: relative;
  cursor: pointer;
}

.player_progressAll__I6P0M {
  height: 11px;
  width: 100%;
  background-color: var(--color-gray-bg);
  border-radius: 44px;
}

.player_progressCurrent__NXqQy,
.player_progressDot__It09j {
  position: absolute;
  background-color: var(--color-purple);
}

.player_progressCurrent__NXqQy {
  height: 11px;
  border-radius: 44px;
  left: 0;
  top: 0;
}

.player_progressDot__It09j {
  border-radius: 50%;
  width: 21px;
  height: 21px;
  position: absolute;
  top: -4px;
  left: 0;
}

@media (max-width: 480px) {
  .player_playerButtonWrap__mHfa_ {
    width: 32px;
    height: 32px;
    margin-bottom: 14px;
  }

  .player_playButton__zBdGV {
    width: 10px;
    height: 11px;
    left: calc(50% - 5.5px);
    top: calc(50% - 6px);
    background-size: 100% 100%;
  }
  .player_pauseButton__VjAYp {
    width: 10px;
    height: 12px;
    left: calc(50% - 5px);
    top: calc(50% - 7px);
    background-size: 100% 100%;
  }

  .player_progressCurrent__NXqQy,
  .player_progressAll__I6P0M {
    height: 6px;
  }
  .player_progressDot__It09j {
    width: 12px;
    height: 12px;
    margin-left: 2px;
    top: -2px;
  }
  .player_info__j6TLy {
    gap: 8px;
  }
}


/*# sourceMappingURL=64eb758c0c4bc0e6.css.map*/