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

media-controller.video__player {
  position: relative;
  --media-poster-image-display: block;
  --media-object-fit: contain;
  --media-object-position: center; }
  media-controller.video__player::part(poster-layer) {
    display: flex !important;
    align-items: stretch;
    justify-content: center;
    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-controller.video__player > media-poster-image[slot="poster"] {
    display: block;
    width: 100%;
    height: 100%; }
  media-controller.video__player > media-poster-image[slot="poster"]::part(img) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }
  media-controller.video__player > media-loading-indicator[slot="centered-chrome"] {
    position: absolute;
    top: 50%;
    left: 50%;
    --media-loading-indicator-icon-height: 72px;
    --media-loading-indicator-icon-width: 72px;
    --media-icon-color: #fff;
    filter: drop-shadow(0 0 4px var(--color-primary)) drop-shadow(0 0 10px var(--color-primary-light)) drop-shadow(0 0 18px var(--color-primary-light));
    transform: translate(-50%, -50%); }

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 */