@media (forced-colors: active) {
  .plyr--full-ui .plyr__controls .plyr__controls__item {
    forced-color-adjust: none;
  }
}
.plyr--full-ui.plyr--audio .plyr__control > svg {
  padding-left: 2px;
}
@media (min-width: 600px) {
  .plyr--full-ui .plyr__control--overlaid {
    max-width: 15%;
    aspect-ratio: 1/1;
    width: 60px;
  }
  .plyr--full-ui .plyr__control--overlaid > svg {
    width: 100%;
    aspect-ratio: 1/1;
    height: unset;
    margin-left: unset;
  }
}
.plyr--full-ui .plyr__controls {
  padding: 10px;
  background-color: #000000;
}
.plyr--full-ui .plyr__progress__container {
  flex-grow: 1;
}
.plyr--full-ui .plyr__volume input[type=range] {
  width: calc(100% - 32px);
}
.plyr--full-ui .plyr__control--overlaid {
  background: rgba(60, 80, 110, 0.9);
}
.plyr--full-ui:focus .plyr__control--overlaid,
.plyr--full-ui .plyr__control--overlaid:hover {
  background: #3C506E;
  box-shadow: 0 1px 0 6px rgba(135, 185, 255, 0.85);
}
.plyr--full-ui.plyr--audio .plyr__controls__item {
  background: #000000;
  color: #fff;
}
.plyr--full-ui .plyr__control.plyr__tab-focus,
.plyr--full-ui .plyr__control:hover,
.plyr--full-ui .plyr__control[aria-expanded=true] {
  background: #3C506E;
  color: #fff;
}
.plyr--full-ui input[type=range] {
  color: rgba(135, 185, 255, 0.85);
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(135, 185, 255, 0.55);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(135, 185, 255, 0.55);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(135, 185, 255, 0.55);
}
.plyr--full-ui .plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(135, 185, 255, 0.85);
}
.plyr--full-ui .plyr__progress__buffer {
  color: rgba(135, 185, 255, 0.85);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.plyr--full-ui .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #3C506E;
}
.plyr--full-ui .plyr__tooltip,
.plyr--full-ui .plyr__menu__value,
.plyr--full-ui .plyr__control > span {
  color: currentColor !important;
}
.plyr--full-ui .plyr__tooltip {
  color: #4f5b5f !important;
}

.video-embed-field-plyr {
  position: relative;
}
.video-embed-field-plyr:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.video-embed-field-plyr > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.js-social-media-code.video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.js-social-media-code.video.js-social-media-disabled {
  padding-top: 0;
}

/* Then style the iframe to fit in the container div with full height and width */
.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}