:root {
  --biota-video-radius: 18px;
  --biota-video-accent: #07fdb3;
  --biota-video-control-color: #ffffff;
  --biota-video-controls-bg: rgba(0, 0, 0, 0.78);
  --plyr-color-main: #07fdb3;
  --plyr-video-control-color: #ffffff;
  --plyr-video-control-background-hover: rgba(7, 253, 179, 0.18);
  --plyr-range-thumb-background: #07fdb3;
  --plyr-range-fill-background: #07fdb3;
}

.wp-block-video,
.wp-video,
.plyr {
  border-radius: var(--biota-video-radius);
  overflow: hidden;
}

.plyr {
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18);
  background: #000;
}

.plyr--video .plyr__controls {
  padding: 16px;
  background: linear-gradient(to top, var(--biota-video-controls-bg), rgba(0, 0, 0, 0.08));
}

.plyr__control--overlaid {
  background: var(--biota-video-accent);
  color: #001f1a;
}

.plyr__control--overlaid:hover,
.plyr__control--overlaid:focus {
  background: var(--biota-video-accent);
}

.plyr--full-ui input[type='range'] {
  color: var(--biota-video-accent);
}

.plyr__progress input[type='range'],
.plyr__volume input[type='range'] {
  cursor: pointer;
}

.plyr video {
  object-fit: cover;
}

.plyr__video-wrapper {
  max-width: 100% !important;
  max-height: 100% !important;
}

.biota-plyr-download,
.biota-plyr-share,
.biota-plyr-fullscreen {
  color: var(--biota-video-control-color);
  text-decoration: none;
}

.biota-plyr-download svg,
.biota-plyr-share svg,
.biota-plyr-fullscreen svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor;
}

.biota-plyr-download:hover,
.biota-plyr-download:focus,
.biota-plyr-share:hover,
.biota-plyr-share:focus,
.biota-plyr-fullscreen:hover,
.biota-plyr-fullscreen:focus,
.biota-plyr-copied {
  background: var(--plyr-video-control-background-hover);
  color: var(--biota-video-control-color);
}

body.biota-video-skin-lock {
  overflow: hidden !important;
}

.biota-video-fullscreen-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  width: 100vw !important;
  height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.8) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 !important;
}

.biota-video-fullscreen-overlay .plyr,
.plyr.biota-custom-fullscreen-active {
  width: var(--biota-fullscreen-video-width, auto) !important;
  height: var(--biota-fullscreen-video-height, auto) !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  margin: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}

.biota-video-fullscreen-overlay .plyr__video-wrapper,
.plyr.biota-custom-fullscreen-active .plyr__video-wrapper {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

.biota-video-fullscreen-overlay .plyr__video-wrapper > video,
.biota-video-fullscreen-overlay .plyr video,
.plyr.biota-custom-fullscreen-active .plyr__video-wrapper > video,
.plyr.biota-custom-fullscreen-active video {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  transform: none !important;
}

.biota-video-fullscreen-overlay .plyr__poster,
.plyr.biota-custom-fullscreen-active .plyr__poster {
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center center !important;
}

.biota-video-fullscreen-overlay .plyr__controls,
.plyr.biota-custom-fullscreen-active .plyr__controls {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0)) !important;
}

.biota-video-fullscreen-overlay--solid {
  background: #000 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.biota-fa-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}


/* BIOTA Video Skin v1.2.6 — native fullscreen stage
   O fullscreen nativo passa a ser pedido num palco próprio. O palco ocupa o ecrã;
   o player/wrapper/vídeo ficam dimensionados pelo rácio real do ficheiro. */
.biota-video-native-stage {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.8) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}

.biota-video-native-stage:fullscreen,
.biota-video-native-stage:-webkit-full-screen,
.biota-video-native-stage:-moz-full-screen,
.biota-video-native-stage:-ms-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.8) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
}

.biota-video-native-stage--solid,
.biota-video-native-stage--solid:fullscreen,
.biota-video-native-stage--solid:-webkit-full-screen,
.biota-video-native-stage--solid:-moz-full-screen,
.biota-video-native-stage--solid:-ms-fullscreen {
  background: #000 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.biota-video-native-stage .plyr.biota-native-fullscreen-player,
.plyr.biota-native-fullscreen-player {
  width: var(--biota-fullscreen-video-width, auto) !important;
  height: var(--biota-fullscreen-video-height, auto) !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  margin: auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  display: block !important;
}

.biota-video-native-stage .plyr.biota-native-fullscreen-player .plyr__video-wrapper,
.plyr.biota-native-fullscreen-player .plyr__video-wrapper {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

.biota-video-native-stage .plyr.biota-native-fullscreen-player .plyr__video-wrapper > video,
.biota-video-native-stage .plyr.biota-native-fullscreen-player video,
.plyr.biota-native-fullscreen-player .plyr__video-wrapper > video,
.plyr.biota-native-fullscreen-player video {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  transform: none !important;
}

.biota-video-native-stage .plyr__poster,
.plyr.biota-native-fullscreen-player .plyr__poster {
  background-color: transparent !important;
  background-size: contain !important;
  background-position: center center !important;
}

.biota-video-native-stage .plyr__controls,
.plyr.biota-native-fullscreen-player .plyr__controls {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0)) !important;
}