:is([data-sm-video], video-media) :is([data-sm-video-tools], .video-control, .deferred-poster) {
  transition: opacity 180ms ease, background-color 180ms ease, transform 180ms ease;
}

:is([data-sm-video], video-media).sm-video-controls-hidden :is([data-sm-video-tools], .video-control, .deferred-poster) {
  opacity: 0;
  pointer-events: none;
}

video-media[host].sm-video-controls-hidden .deferred-poster {
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  :is([data-sm-video], video-media) :is([data-sm-video-tools], .video-control, .deferred-poster) {
    transition: none;
  }
}