.embedded .controls {
  position: absolute;
  z-index: 10;
  opacity: 0;
  transition: opacity 180ms ease;
}
.embedded .viewport:hover .controls,
.embedded .viewport:focus-within .controls,
.embedded .paused .controls {
  opacity: 1;
}
.embedded .controls button {
  cursor: pointer;
}
@media (hover: none) {
  .embedded .controls {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .embedded .controls {
    transition: none;
  }
}