/*
 * Video autoplay (16:9) — SD-83
 * Figma: content modules / video autoplay (node 6403-66631)
 * Muted/loop autoplay video, 16:9 cover, with a toggle play/pause control
 * overlaid in the bottom-right corner.
 */

.dk-video-autoplay {
  position: relative;
  display: block;
  inline-size: 100%;
}

.dk-video-autoplay-media {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: var(--dk-video-ratio, 16 / 9);
  object-fit: cover;
  background-color: var(--dk-color-black);
}

.dk-video-autoplay-control {
  position: absolute;
  inset-block-end: var(--dk-space-04);  /* 16px */
  inset-inline-end: var(--dk-space-04);
  z-index: 1;
}