.responsive-video {
  width: 100%;
  max-width: 1600px;
  height: auto;
}

.video-container {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.responsive-audio {
  width: 100%;
}

.training-media-player {
  max-width: 100%;
}

.training-media-image {
  display: block;
  max-width: 100%;
  max-height: 70vh;
  height: auto;
  object-fit: contain;
}

.training-choice {
  border: 1px solid var(--mud-palette-lines-default);
  border-radius: 8px;
  transition: background-color 120ms ease, border-color 120ms ease;
}

.training-choice--selected {
  background-color: var(--mud-palette-action-default-hover);
  border-color: var(--mud-palette-primary);
  box-shadow: inset 0 0 0 1px var(--mud-palette-primary);
}

.training-choice-hit {
  cursor: pointer;
  min-height: 48px;
  display: flex;
  align-items: center;
}

.training-choice-hit .mud-radio {
  width: 100%;
}