/* Keep embedded players inside the main site's existing columns. */
.post-modern-media--video {
  position: relative;
  width: 100%;
  max-width: 560px;
}

/* A 16:9 frame, including in browsers without CSS aspect-ratio support. */
.post-modern-media--video::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.post-modern-media--video > iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Spotify keeps its original player height while its width can shrink. */
.spotify-embed {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.spotify-embed--track {
  max-width: 280px;
}

.spotify-embed--follow {
  max-width: 300px;
}

.spotify-embed > iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}