:host {
  display: block;
  --video-max-height: none;
}

// If the carousel has an unselected attribute set on it, do not let the
// pointer interact (e.g. hover, scroll) with underlying elements. This is used
// when the carousel is part of a media-grid. Without this next/prev controls
// will enlarge on hover, and the wheel-gestures plugin may block scrolling.
// See matching in viewer-carousel.scss .
:host([unselected]) frigate-card-carousel {
  pointer-events: none;
}

.embla__slide {
  height: 100%;
  flex: 0 0 100%;
}