.fix-media-height-to-full {
  .media,
  .field,
  .field__item {
    display: flex;
    height: 100%;
  }

  picture,
  img {
    width: 100%;
    height: 100%;
  }

  .contextual {
    height: auto;
  }
}

.fix-media-width-to-full {
  .media,
  .field,
  .field__item {
    width: 100%;
  }

  picture,
  img {
    display: block;
    width: 100%;
  }
}

.style-view-mode--circle {
  .media {
    aspect-ratio: 1/1;
    overflow: hidden;
    border-radius: 50%;

    img {
      object-fit: cover;
    }
  }
}

.style-view-mode--card-16x9 {
  .media {
    aspect-ratio: 16/9;
    overflow: hidden;

    img {
      object-fit: cover;
    }
  }
}

.media--view-mode-video-16x9 {
  iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}

.media--view-mode-hero-basic-page {
  .field,
  .field__item,
  picture,
  img {
    width: 100%;
  }
}

.media {
  .field--name-field-media-caption {
    margin-top: 1rem;
    letter-spacing: 0.064px;
    font-size: var(--text-sm);
  }
}