.voice_content {
  position: relative;
  overflow: hidden;
  padding: min(calc((40 / 750) * 100vw), 40px) 0 min(calc((12 / 750) * 100vw), 12px);
  background: #ffffff;
}

.voice_person_viewport {
  overflow: hidden;
  inline-size: 100%;
}

.voice_person,
.voice_comment {
  margin: 0;
  padding: 0;
  list-style: none;
}

.voice_person {
  display: flex;
  gap: min(calc((16 / 750) * 100vw), 16px);
  inline-size: max-content;
  padding-inline: 0;
  will-change: transform;
}

.voice_person li {
  flex: 0 0 auto;
  inline-size: min(calc((271 / 750) * 100vw), 271px);
  opacity: 0.45;
  transform: scale(0.8);
  transition:
    opacity 0.4s ease,
    transform 0.4s ease;
}

@media (any-hover: hover) {
  .voice_person li:hover {
    cursor: pointer;
  }
}

.voice_person li.is-active {
  opacity: 1;
  transform: scale(1);
}

.voice_controls {
  display: flex;
  justify-content: center;
  gap: min(calc((24 / 750) * 100vw), 24px);
  margin-block-start: min(calc((18 / 750) * 100vw), 18px);
}

.voice_control {
  appearance: none;
  border: 0;
  border-radius: 999px;
  background: #1b1b1b;
  color: #ffffff;
  inline-size: calc((64 / 750) * 100vw);
  block-size: calc((64 / 750) * 100vw);
  font-size: calc((30 / 750) * 100vw);
  line-height: 1;
  cursor: pointer;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.voice_control:hover {
  opacity: 0.85;
}

.voice_control:active {
  transform: scale(0.95);
}

.voice_person img,
.voice_comment img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
}

.voice_comment {
  position: relative;
  margin-block-start: min(calc((24 / 750) * 100vw), 24px);
  min-height: calc((374 / 450) * 100vw);
}

.voice_comment li {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  inline-size: fit-content;
  margin-inline: auto;
}

.voice_comment li.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (min-width: 751px) {
  .voice_comment {
    min-height: min(calc((374 / 450) * 100vw), 374px);
  }

  .voice_control {
    inline-size: min(calc((64 / 750) * 100vw), 64px);
    block-size: min(calc((64 / 750) * 100vw), 64px);
    font-size: min(calc((30 / 750) * 100vw), 30px);
  }
}