/* Player Controls */
.center {
  display: block; }

media-controller.video__player {
  position: relative; }
  media-controller.video__player::part(poster-layer) {
    display: flex !important;
    background-color: black;
    opacity: 1;
    pointer-events: none;
    visibility: visible;
    transition: opacity 500ms ease; }
  media-controller.video__player[mediahasplayed]::part(poster-layer) {
    display: flex !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease, visibility 0s linear 500ms; }

media-playback-rate-menu {
  position: absolute;
  z-index: 1; }

media-control-bar {
  display: flex; }

media-control-bar media-play-button,
media-control-bar media-seek-backward-button,
media-control-bar media-seek-forward-button,
media-control-bar media-volume-range {
  display: none; }

.full-time-range {
  display: none; }

@media (min-width: 995px) {
  .center {
    display: none; }
  media-control-bar {
    display: flex;
    width: 100%; }
  media-control-bar > * {
    background: none; }
  media-control-bar media-play-button,
  media-control-bar media-seek-backward-button,
  media-control-bar media-seek-forward-button,
  media-control-bar media-volume-range {
    display: inline; }
  .full-time-range {
    display: inline; }
  media-time-range.full-time-range {
    flex-grow: 1; }
  .responsive-time-range {
    display: none; }
  media-control-bar media-volume-range {
    margin-right: auto; }
  media-control-bar {
    background: var(--media-control-background, var(--media-secondary-color, var(--color-media-control-background))); } }

/* END Player Controls */