/* Visually quiet media; controls remain reachable by keyboard and assistive technology. */
.media-controls-host .media-controls-panel {
  opacity:0;
  pointer-events:none;
  transition:opacity 180ms ease;
}
.media-controls-host .media-controls-panel * {pointer-events:none}
.media-controls-host[data-media-controls-open=true] .media-controls-panel {opacity:1;pointer-events:auto}
.media-controls-host[data-media-controls-open=true] .media-controls-panel * {pointer-events:auto}
.motion-off .media-controls-panel {transition:none}
@media(prefers-reduced-motion:reduce) {.media-controls-host .media-controls-panel {transition:none}}