@-webkit-keyframes progress {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -75px 0;
  }
}
@keyframes progress {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: -75px 0;
  }
}
.op-player {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: #619EC8;
  font-family: sans-serif;
  line-height: 1.15;
  min-height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  height: 37px;
  padding: 10px 2px;
  padding-top: 14px;
  border-radius: 6px;
}

.op-player__video {
  overflow: hidden;
}

.op-player,
.op-player *,
.op-player :after,
.op-player :before {
  box-sizing: border-box;
}

.op-player__media {
  display: inline-block;
  height: auto;
  object-fit: contain;
  position: relative;
  width: 100% !important;
}

.op-player [aria-hidden=true] {
  display: none;
}

.op-player__audio {
  background: #619EC8;
}

.op-player .media-controls.mac.fullscreen > .controls-bar {
  display: none;
}

.op-player__loader {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border: 5px solid #fff;
  border-radius: 50%;
  border-top-color: transparent;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.op-controls {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  display: flex;
  font-size: 0.85em;
  padding: 0 4px;
  pointer-events: all;
  transition: bottom 0.3s ease;
  width: 100%;
  z-index: 3;
}

.op-controls.op-controls__stacked {
  flex-direction: column;
}

.op-controls--hidden .op-controls {
  bottom: -36px;
  pointer-events: none;
}

.op-player__video .op-controls {
  margin-top: 5px;
  padding-top: 11px;
}

.op-controls * {
  flex-grow: 0;
  pointer-events: all;
}

.op-controls button,
.op-player__play,
.op-settings__back {
  -webkit-appearance: button;
  appearance: button;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
  overflow: visible;
  position: relative;
  text-transform: none;
}

.op-controls button {
  padding: 2px 4px 3px;
  z-index: 4;
}

.op-controls button > span {
  color: #fff;
}

.op-controls .op-controls__container {
  position: relative;
}

.op-player__loader {
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  top: calc(50% - 20px);
  width: 60px;
}

.op-player__loader,
.op-player__play {
  display: block;
  left: 50%;
  position: absolute;
  z-index: 2;
}

.op-player__play {
  background: transparent;
  border: 0;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 26px 0 26px 46px;
  cursor: pointer;
  height: 52px;
  margin-left: -18px;
  margin-top: -23px;
  padding: 0;
  top: calc(50% - 23px);
  transition: all 0.1s ease;
  width: 0;
  will-change: border-width;
}

.op-player__play > span {
  clip: rect(0, 0, 0, 0);
  border: 0;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.op-player__play--paused {
  border-style: double;
  border-width: 0 0 0 46px;
}

.op-player__play:hover {
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.2);
}

.op-controls--hidden .op-player__loader,
.op-controls--hidden .op-player__play {
  top: 50%;
}

.op-controls--hidden .op-player__play {
  margin-top: -26px;
}

.op-controls button::-moz-focus-inner,
.op-player__play::-moz-focus-inner,
.op-settings__back {
  border-style: none;
  padding: 0;
}

.op-controls button:-moz-focusing,
.op-player__play:-moz-focusing,
.op-settings__back {
  outline: 1px dotted ButtonText;
}

.op-controls button:before {
  color: #fff;
  display: inline-block;
  height: 15px;
  margin-left: 0.2em;
  margin-right: 0.2em;
  text-align: center;
  width: 15px;
}

.op-controls-layer__bottom,
.op-controls-layer__center,
.op-controls-layer__top {
  display: flex;
}

.op-controls .op-control__left {
  justify-self: flex-start;
}

.op-controls .op-control__middle {
  justify-self: center;
}

.op-controls .op-control__right {
  justify-self: flex-end;
  margin-left: auto;
}

.op-controls .op-control__right ~ .op-control__right {
  margin-left: 0;
}

.op-controls button:hover {
  opacity: 0.5;
}

.op-controls .op-control--no-hover:hover {
  opacity: 1;
}

.op-controls button,
.op-controls input[type=range] {
  touch-action: manipulation;
}

.op-controls .op-controls-time {
  margin: 4px 3px;
}

.op-controls__playpause:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0zMS4xIDE2LjJjLjcuMyAxIDEgLjcgMS43LS4xLjMtLjQuNi0uNy43TDUgMzQuN2MtMS4xLjctMiAuMi0yLTEuMVYxLjRDMyAuMSA0LS40IDUgLjNsMjYuMSAxNS45eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==);
}

.op-controls__playpause--pause:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00LjcgMGg0LjhjMS4yIDAgMi4yIDEgMi4yIDIuMnYzMC42YzAgMS4yLTEgMi4yLTIuMiAyLjJINC43Yy0xLjIgMC0yLjItMS0yLjItMi4yVjIuMkMyLjUgMSAzLjUgMCA0LjcgMHpNMjYuMiAwSDMxYzEuMiAwIDIuMiAxIDIuMiAyLjJ2MzAuNmMwIDEuMi0xIDIuMi0yLjIgMi4yaC00LjhDMjUgMzUgMjQgMzQgMjQgMzIuOFYyLjJDMjQgMSAyNSAwIDI2LjIgMHoiLz48L3N2Zz4=);
}

.op-controls__playpause--replay:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNi42IDkuNGM0LjIgNS4zIDMuMyAxMi45LTIgMTcuMXMtMTIuOSAzLjMtMTcuMS0yQzMuOCAxOS45IDQgMTMuMyA4IDguOUw0LjYgNS40Yy02LjQgNi45LTYgMTcuNi45IDI0czE3LjYgNiAyNC0uOWM1LjktNi4zIDYuMS0xNiAuNS0yMi42bC0zLjQgMy41eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC40IDIuOGMtLjItLjguMy0xLjYgMS4xLTEuOC4yLS4xLjUtLjEuNyAwTDM0IDIuNmMxLjIuMiAxLjQgMSAuNiAxLjhMMjMuOSAxNS4xYy0uOC44LTEuNi42LTEuOC0uNkwyMC40IDIuOHoiLz48L3N2Zz4=);
}

.op-controls__fullscreen:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmUiIGQ9Ik0wIDBoMzV2MzVIMHoiLz48cGF0aCBkPSJNMTAuMiAyMC40SDcuM3Y3LjNoNy4zdi0yLjloLTQuNHYtNC40em0tMi45LTUuOGgyLjl2LTQuNGg0LjRWNy4zSDcuM3Y3LjN6bTE3LjUgMTAuMmgtNC40djIuOWg3LjN2LTcuM2gtMi45djQuNHpNMjAuNCA3LjN2Mi45aDQuNHY0LjRoMi45VjcuM2gtNy4zeiIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZiIvPjwvc3ZnPg==);
  width: 20px !important;
}

.op-controls__fullscreen--out:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIHN0eWxlPSJmaWxsOm5vbmUiIGQ9Ik0wIDBoMzV2MzVIMHoiLz48cGF0aCBkPSJNNy4zIDIzLjNoNC40djQuNGgyLjl2LTcuM0g3LjN2Mi45em00LjQtMTEuNkg3LjN2Mi45aDcuM1Y3LjNoLTIuOXY0LjR6bTguNyAxNmgyLjl2LTQuM2g0LjR2LTIuOWgtNy4zdjcuMnptMi45LTE2VjcuM2gtMi45djcuM2g3LjN2LTIuOWgtNC40eiIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZiIvPjwvc3ZnPg==);
  width: 20px !important;
}

.op-controls__mute:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNy44IDI4LjdjLS42IDAtMS4yLS4zLTEuNS0uOS0uNS0uOC0uMi0xLjkuNi0yLjQgNC40LTIuNiA1LjktOC4yIDMuNC0xMi42LS44LTEuNC0yLTIuNi0zLjQtMy40LS45LS4zLTEuMy0xLjQtLjktMi4zczEuNC0xLjMgMi4zLS44Yy4xIDAgLjIuMS4zLjIgNi4xIDMuNiA4LjEgMTEuNCA0LjUgMTcuNS0xLjEgMS45LTIuNyAzLjQtNC41IDQuNS0uMi4yLS41LjItLjguMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQuNSAyMy4xYy0uNiAwLTEuMi0uMy0xLjUtLjktLjUtLjgtLjItMS45LjYtMi40IDEuMy0uNyAxLjctMi4zIDEtMy42LS4yLS40LS42LS44LTEtMS0uOC0uNi0xLTEuNy0uNC0yLjQuNS0uNyAxLjQtLjkgMi4yLS42IDIuOSAxLjcgMy45IDUuNCAyLjMgOC4zLS41LjktMS4zIDEuNy0yLjMgMi4zLS4zLjItLjYuMy0uOS4zek0xNy44IDQuMWwtOC4xIDYuNC0uMi4ySDFjLS42IDAtMSAuNC0xIDF2MTEuNmMwIC42LjQgMSAxIDFoOC41bC4xLjIgOC4xIDYuNWMuNC4zIDEuMS4zIDEuNC0uMi4xLS4yLjItLjQuMi0uNlY0LjljMC0uNi0uNS0xLTEtMS0uMi4xLS40LjEtLjUuMnoiLz48L3N2Zz4=);
  width: 18px !important;
}

.op-controls__mute--half:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMC4xIDI0LjNjLS44IDAtMS41LS40LTEuOS0xLjEtLjYtMS0uMi0yLjMuOC0zIDEuNi0uOSAyLjEtMi44IDEuMy00LjQtLjMtLjUtLjctMS0xLjMtMS4zLTEtLjYtMS4zLTItLjctMyAuNi0xIDEuOS0xLjMgMi45LS43IDMuNiAyLjEgNC45IDYuNyAyLjggMTAuMy0uNyAxLjItMS42IDIuMS0yLjggMi44LS4zLjMtLjcuNC0xLjEuNHpNMjEuOSAxIDEyIDguOWwtLjIuMUgxLjJDLjUgOSAwIDkuNiAwIDEwLjN2MTQuM2MwIC43LjUgMS4yIDEuMiAxLjJoMTAuNWwuMi4yIDkuOSA3LjljLjUuNCAxLjMuNCAxLjctLjIuMi0uMi4zLS41LjMtLjhWMmMuMS0uNi0uNC0xLjItMS0xLjMtLjMgMC0uNy4xLS45LjN6Ii8+PC9zdmc+);
  width: 18px !important;
}

.op-controls__mute--muted:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0yOCAuMiAxNy42IDguNWwtLjIuMmgtMTFjLS43LS4xLTEuMy40LTEuNCAxLjF2MTVjMCAuNy42IDEuMyAxLjMgMS4zaDExbC4yLjIgMTAuNCA4LjNjLjYuNCAxLjQuNCAxLjgtLjIuMi0uMi4zLS41LjMtLjhWMS4yYzAtLjctLjUtMS4yLTEuMi0xLjItLjMgMC0uNi4xLS44LjJ6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+);
  width: 18px !important;
}

.op-controls__captions:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZn08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wIDQuNHYyNi4yaDM1VjQuNEgwem0zMC40IDIxYy0uMi4zLS42LjUtLjkuNy0xLjEuOC02LjEgMS4xLTExLjkgMS4xcy0xMS0uMy0xMi4xLTEuMWMtLjMtLjItLjctLjQtLjktLjctMS4xLTEuNC0xLjItMy40LTEuMy04cy4yLTYuNiAxLjMtOGMuMy0uMy42LS41LjktLjcgMS0uOCA2LjMtMS4xIDEyLjEtMS4xczEwLjguMyAxMS45IDEuMWMuMy4yLjYuNC45LjcgMS4xIDEuNCAxLjMgMy40IDEuMyA4cy0uMiA2LjYtMS4zIDh6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE2LjkgMTYuMmMtLjMtMy42LTIuMi01LjctNS42LTUuNy0zLjEgMC01LjYgMi44LTUuNiA3LjNzMi4yIDcuNCA1LjkgNy40YzMgMCA1LTIuMiA1LjMtNS44aC0zLjVjLS4xIDEuMy0uNyAyLjQtMS45IDIuNC0xLjkgMC0yLjItMS44LTIuMi0zLjggMC0yLjcuOC00LjEgMi4xLTQuMSAxLjEgMCAxLjkuOCAyIDIuM2gzLjV6TTI5IDE2LjJjLS4zLTMuNi0yLjItNS43LTUuNi01LjctMy4xIDAtNS42IDIuOC01LjYgNy4zczIuMiA3LjQgNS45IDcuNGMzIDAgNS0yLjIgNS4zLTUuOGgtMy41Yy0uMSAxLjMtLjcgMi40LTEuOSAyLjQtMS45IDAtMi4yLTEuOC0yLjItMy44IDAtMi43LjgtNC4xIDIuMS00LjFzMS45LjggMiAyLjNIMjl6Ii8+PC9zdmc+);
  width: 20px !important;
}

.op-controls__captions.op-controls__captions--on:before {
  -webkit-filter: invert(73%) sepia(71%) saturate(6868%) hue-rotate(356deg) brightness(101%) contrast(126%);
  filter: invert(73%) sepia(71%) saturate(6868%) hue-rotate(356deg) brightness(101%) contrast(126%);
}

.op-controls__settings:before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzUgMzUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0zMC41IDE5LjJjLjEtLjYuMS0xLjIuMS0xLjcgMC0uNi0uMS0xLjItLjEtMS43bDMuNy0yLjljLjMtLjMuNC0uOC4yLTEuMWwtMy41LTYuMWMtLjItLjQtLjctLjUtMS4xLS40TDI1LjQgN2MtLjktLjctMS45LTEuMy0yLjktMS43TDIxLjguN2MwLS40LS4zLS43LS44LS43aC03Yy0uNCAwLS44LjMtLjguN2wtLjcgNC42Yy0xLjEuNC0yLjEgMS0zIDEuN0w1LjIgNS4zYy0uNC0uMi0uOSAwLTEuMS40TC42IDExLjhjLS4yLjQtLjEuOS4yIDEuMWwzLjcgMi45Yy0uMS42LS4xIDEuMi0uMSAxLjcgMCAuNi4xIDEuMi4xIDEuN0wuOCAyMi4xYy0uMy4zLS40LjgtLjIgMS4xbDMuNSA2LjFjLjIuNC43LjUgMS4xLjRMOS42IDI4Yy45LjcgMS45IDEuMyAyLjkgMS43bC43IDQuNmMuMS40LjQuNy45LjdoN2MuNCAwIC44LS4zLjgtLjdsLjctNC42YzEuMS0uNCAyLTEgMi45LTEuN2w0LjQgMS43Yy40LjIuOSAwIDEuMS0uNGwzLjUtNi4xYy4yLS40LjEtLjktLjItMS4xbC0zLjgtMi45em0tMTMgNC40Yy0zLjQgMC02LjEtMi43LTYuMS02LjEgMC0zLjQgMi43LTYuMSA2LjEtNi4xIDMuNCAwIDYuMSAyLjcgNi4xIDYuMSAwIDMuNC0yLjggNi4xLTYuMSA2LjF6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+);
}

.op-settings {
  background: rgba(28, 28, 28, 0.9);
  bottom: 48px;
  color: #fff;
  font-size: 0.85em;
  overflow: hidden;
  position: absolute;
  right: 5px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: right 0.2s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: width, height;
  z-index: 4;
}

.op-player__audio .op-settings {
  bottom: 32px;
  right: 0;
}

.op-settings--sliding {
  right: -999px;
}

.op-settings__menu {
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
}

.op-settings__menu-item,
.op-settings__submenu-item {
  display: table-row;
  outline: none;
  padding: 0;
}

.op-settings__menu-label,
.op-settings__submenu-label {
  display: table-cell;
  padding: 5px 15px;
  vertical-align: middle;
}

.op-settings__menu-label > img,
.op-settings__menu-label > svg,
.op-settings__submenu-label > img,
.op-settings__submenu-label > svg {
  max-height: 20px;
}

.op-settings__submenu-item,
.op-settings__submenu-label {
  display: block;
}

.op-settings__submenu-item {
  cursor: pointer;
}

.op-settings__submenu-item[aria-checked=true] .op-settings__submenu-label {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTYuMiA0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-position: left 4px center;
  background-repeat: no-repeat;
  background-size: 18px;
  padding: 8px 15px 8px 25px;
}

.op-settings__menu-content {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTEyLjU5IDIwLjM0IDQuNTgtNC41OS00LjU4LTQuNTlMMTQgOS43NWw2IDYtNiA2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  background-position: right 0 center;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  cursor: pointer;
  display: table-cell;
  padding: 0 38px 0 15px;
  vertical-align: middle;
}

.op-settings__header {
  padding: 5px;
}

.op-settings__back {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0ibTE5LjQxIDIwLjA5LTQuNTgtNC41OSA0LjU4LTQuNTlMMTggOS41bC02IDYgNiA2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  background-position: left 0 center;
  background-repeat: no-repeat;
  background-size: 20px 32px;
  color: inherit;
  height: 100%;
  padding: 0 10px 0 20px;
}

.op-controls input[type=range],
.op-controls progress {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  height: 5px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transition: none;
  width: 100%;
}

.op-controls input[type=range] {
  -webkit-tap-highlight-color: transparent;
  background: transparent;
  height: 0;
  padding: 2.5px 0;
  z-index: 3;
}

.op-controls input[type=range]:focus,
.op-controls progress {
  outline: none;
}

.op-controls input[type=range]::-moz-focus-outer {
  border: 0;
}

.op-controls input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  cursor: pointer;
  height: 8px;
  -webkit-user-select: none;
  user-select: none;
}

.op-controls input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  cursor: pointer;
  height: 8px;
  user-select: none;
}

.op-controls input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  cursor: pointer;
  height: 8px;
  -ms-user-select: none;
  user-select: none;
}

.op-controls input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  height: 12px;
  margin-top: 0px;
  position: relative;
  width: 12px;
}

.op-controls input[type=range]::-moz-range-thumb {
  appearance: none;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  height: 12px;
  margin-top: -2px;
  position: relative;
  width: 12px;
}

.op-controls input[type=range]::-ms-thumb {
  appearance: none;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  box-sizing: border-box;
  height: 12px;
  margin-top: -2px;
  position: relative;
  width: 12px;
}

.op-controls input[type=range]::-ms-tooltip {
  display: none;
}

.op-controls input[type=range]::-ms-fill-lower,
.op-controls input[type=range]::-ms-fill-upper {
  background: transparent;
}

.op-controls input[type=range]::-ms-ticks-after,
.op-controls input[type=range]::-ms-ticks-before {
  display: none !important;
}

.op-controls .op-controls__progress--seek.loading {
  -webkit-animation: progress 2s linear infinite;
  animation: progress 2s linear infinite;
  background: linear-gradient(-45deg, hsla(0, 0%, 100%, 0.3) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.3) 0, hsla(0, 0%, 100%, 0.3) 75%, transparent 0, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
}

.op-controls .op-controls__progress--seek.error {
  background: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
}

.op-controls--hidden .op-controls .op-controls__progress--seek::-webkit-slider-thumb {
  background: transparent;
}

.op-controls--hidden .op-controls .op-controls__progress--seek::-moz-range-thumb {
  background: transparent;
}

.op-controls--hidden .op-controls .op-controls__progress--seek::-ms-thumb {
  background: transparent;
}

.op-player__media[op-live__enabled]:not([op-dvr__enabled]) + .op-controls .op-controls__progress--seek {
  display: none;
}

.op-player__media[op-live__enabled]:not([op-dvr__enabled]) + .op-controls .op-controls__progress,
.op-player__media[op-live__enabled]:not([op-dvr__enabled]) + .op-controls .op-controls__progress--buffer,
.op-player__media[op-live__enabled]:not([op-dvr__enabled]) + .op-controls .op-controls__progress--played {
  background-color: #eee;
  pointer-events: none;
}

.op-controls progress {
  display: inline-block;
  vertical-align: baseline;
}

.op-controls progress::-webkit-progress-bar {
  background: 0 0;
}

.op-controls progress::-moz-progress-bar {
  background: 0 0;
}

.op-controls .op-controls__progress {
  flex-grow: 2;
}

.op-controls .op-controls__progress,
.op-controls .op-controls__progress:hover,
.op-controls .op-controls__volume,
.op-controls .op-controls__volume:hover {
  cursor: pointer;
}

.op-controls__progress,
.op-controls__volume {
  display: inline-block;
  height: 5px;
  margin-left: 10px;
  margin-top: 9px;
  pointer-events: all;
  position: relative;
}

.op-player__video .op-controls__progress {
  bottom: 34px;
  left: 8px;
  margin-left: -8px;
  position: absolute;
  width: 100%;
}

.op-player__video .op-controls.op-controls__stacked .op-controls__progress {
  bottom: 0;
  position: relative;
}

.op-controls progress::-webkit-progress-value {
  background: currentColor;
}

.op-controls progress::-moz-progress-bar {
  background: currentColor;
}

.op-controls__progress--buffer::-webkit-progress-value {
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.op-controls__progress--played::-webkit-progress-value,
.op-controls__volume--display::-webkit-progress-value {
  max-width: 99%;
  -webkit-transition: none;
  transition: none;
}

.op-player__video .op-controls__progress--played::-webkit-progress-value {
  max-width: 100%;
}

.op-controls__progress--buffer::-moz-progress-bar {
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.op-controls__progress--played::-moz-progress-bar,
.op-controls__volume--display::-moz-progress-bar {
  max-width: 99%;
  -moz-transition: none;
  transition: none;
}

.op-controls .op-controls__progress--played,
.op-controls .op-controls__volume--display {
  background: 0 0;
  color: #fff;
  transition: all 0.2s ease;
  z-index: 2;
}

.op-controls .op-controls__volume--display {
  background: hsla(0, 0%, 100%, 0.35);
}

.op-controls .op-controls__progress--buffer {
  background: hsla(0, 0%, 100%, 0.3);
  color: hsla(0, 0%, 100%, 0.25);
}

.op-ads--active .op-controls .op-controls__progress--seek {
  pointer-events: none;
}

.op-ads--active .op-controls .op-controls__progress--played {
  color: #fecb2f;
}

.op-ads--active .op-controls .op-controls__progress--buffer {
  color: transparent;
}

.op-ads--active .op-controls .op-controls__progress--seek::-webkit-slider-thumb {
  display: none;
}

.op-ads--active .op-controls .op-controls__progress--seek::-moz-range-thumb {
  display: none;
}

.op-ads--active .op-controls .op-controls__progress--seek::-ms-thumb {
  display: none;
}

.op-ads--active .op-controls .op-controls__progress--seek::-webkit-slider-runnable-track {
  cursor: default;
}

.op-ads--active .op-controls .op-controls__progress--seek::-moz-range-track {
  cursor: default;
}

.op-ads--active .op-controls .op-controls__progress--seek::-ms-track {
  cursor: default;
}

.op-ads--active .op-controls .op-control__hide-in-ad {
  cursor: default;
  display: none;
  pointer-events: none;
}

.op-status {
  color: #fff;
  font-weight: 400;
  left: 0;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  top: 30px;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: all 0.3s ease;
  width: 100%;
  z-index: 4;
}

.op-status > span {
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%;
  padding: 3px 10px;
}

.op-player__audio .op-status {
  top: 23px;
}

.op-controls__tooltip {
  background: #eee;
  border: 1px solid #000;
  bottom: 100%;
  color: #000;
  display: none;
  left: 0;
  margin-bottom: 10px;
  padding: 1px 4px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.op-player__video .op-controls__tooltip {
  margin-bottom: 10px;
}

.op-controls__tooltip:after,
.op-controls__tooltip:before {
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}

.op-controls__tooltip:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #000;
}

.op-controls__tooltip:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #eee;
}

.op-controls__tooltip--visible {
  display: block;
}

.op-controls__volume {
  margin-left: 0;
  width: 70px;
}

.op-controls .op-controls__mute:before {
  text-align: left;
}

.op-player__video .op-controls__volume {
  margin-top: 10px;
}

.op-player__unmute {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  cursor: pointer;
  left: 0;
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 3;
}

.op-player[data-fullscreen=true] .op-controls {
  z-index: 2147483648;
}

.op-player[data-fullscreen=true].op-controls--hidden {
  cursor: none;
}

.op-player[data-fullscreen=true].op-controls--hidden .op-controls {
  bottom: -40px;
}

.op-player video::-webkit-media-controls,
.op-player video::-webkit-media-text-track-container {
  display: none !important;
}

.op-captions {
  bottom: 0;
  color: #fff;
  display: none;
  font-weight: 400;
  left: 0;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 100%;
  z-index: 1;
}

.op-controls--hidden .op-captions {
  bottom: -32px;
}

.op-captions--on {
  display: block;
}

.op-captions > span {
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%;
  padding: 3px 10px;
}

.op-player__audio.op-captions--detected {
  background: transparent;
  min-height: 95px;
}

.op-player__audio.op-captions--detected .op-captions {
  bottom: -10px;
  padding: 0;
}

.op-player__audio.op-captions--detected .op-captions > span {
  background: transparent;
  color: #000;
}

.op-player__audio.op-captions--detected .op-controls {
  background: #000;
  bottom: auto;
}

.op-player__audio.op-captions--detected .op-settings {
  bottom: auto;
  top: 35px;
}

.op-controls .op-controls__captions--on:before {
  color: #fff;
}

.op-captions__menu {
  bottom: 36px;
  left: 50%;
  min-width: 73px;
  overflow: visible;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 10;
}

.op-captions__menu:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(28, 28, 28, 0.9);
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}

::cue {
  color: #ccc;
}

video:-webkit-media-text-track-display {
  top: -15%;
}

.op-levels__menu {
  bottom: 36px;
  left: 50%;
  min-width: 73px;
  overflow: visible;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 10;
}

.op-levels__menu:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(28, 28, 28, 0.9);
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 100%;
  width: 0;
}

.op-ads {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.op-ads--active {
  overflow: hidden;
}

.op-ads--active .op-captions,
.op-ads--active .op-controls__captions,
.op-ads--active .op-controls__settings {
  display: none;
}

.op-ads--active .op-controls__fullscreen {
  float: right;
}

.op-ads--active .op-controls .op-control__right ~ .op-control__right {
  margin-left: auto;
}

.op-ads--active .op-ads {
  z-index: 1;
}

.op-player[data-fullscreen=true].op-ads--active .op-ads {
  z-index: 2147483645;
}

.op-ads__click-container {
  background-color: #807f80;
  color: #fff;
  cursor: default;
  display: none;
  padding: 5px;
  pointer-events: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 100;
}

.op-ads__click-container--visible {
  display: block;
}

.op-player[data-fullscreen=true].op-ads--active .op-ads__click-container {
  z-index: 2147483647;
}

.op-player__audio .op-ads {
  display: none;
}

.op-ads__skip {
  color: #fff;
}

.op-player:focus,
.op-player > .op-controls :focus,
.op-player__play:focus {
  outline: 1px dotted #999;
}

.op-player.op-player__keyboard--inactive .op-player__play:focus,
.op-player.op-player__keyboard--inactive:focus,
.op-player.op-player__keyboard--inactive > .op-controls :focus {
  outline: none;
}

.op-player.op-player__full {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -100;
}

.op-player__full .op-ads,
.op-player__full .op-player__media {
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto !important;
}

.op-player__fit--wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

.op-player.op-player__fit {
  background: #000;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.op-player__fit .op-ads,
.op-player__fit .op-player__media {
  border: 0;
  display: block;
  height: 100%;
  min-height: 100%;
  width: 100%;
}

.op-player__ios--iphone .op-player__play {
  margin-top: -5px;
}

.op-player.op-player__ios--iphone video::-webkit-media-controls,
.op-player.op-player__ios--iphone video::-webkit-media-text-track-container {
  display: block !important;
}

.op-player.op-player__ios--iphone video::cue {
  color: transparent;
  font-size: 0.001px;
}

.op-player.op-player__ios--iphone video::-webkit-media-text-track-display-backdrop {
  background: transparent !important;
}

.op-player[data-fullscreen=true].op-player__ios--iphone video::cue {
  color: #fff;
  font-size: medium;
}

.op-player[data-fullscreen=true].op-player.op-player__ios--iphone video::-webkit-media-text-track-display-backdrop {
  background: rgba(0, 0, 0, 0.498) !important;
}