/* =========================================
   PLAYER FOUNDATION (Frontend)
   ========================================= */
.wp-block-newsplicity-story-player {
  --player-width: 360px;
  --player-height: 600px;
  --player-shadow: 8px 8px 0px #111;
  --player-border: 3px solid #111;
  --player-bg: #f4eddc;
  display: flex;
  justify-content: center;
  margin: 3rem auto;
  width: 100%;
}

amp-story-player {
  border: var(--player-border);
  box-shadow: var(--player-shadow);
  background-color: var(--player-bg);
  border-radius: 12px;
  overflow: hidden;
  max-width: 100%;
  width: var(--player-width);
  height: var(--player-height);
  aspect-ratio: 3/5;
}

amp-story-player a img[data-amp-story-player-poster-img] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 480px) {
  .wp-block-newsplicity-story-player {
    --player-width: 100%;
    --player-height: 75vh;
    margin: 2rem 0;
  }
}