html {
  overflow-x: clip;
}

body[data-hero-assembly] .hero-live-media {
  opacity: 1;
  filter: none;
  will-change: auto;
  transform: none;
}

body[data-hero-assembly] .hero-composite-canvas {
  opacity: 1;
  transition: none;
}

body[data-hero-assembly] .hero-grain-field {
  display: none;
}

body[data-hero-assembly="fallback"] .hero-composite-canvas:not(.assembly-fallback) {
  visibility: hidden;
}

body[data-hero-assembly="native-fallback"] .hero-poster {
  opacity: 1;
  mix-blend-mode: screen;
}

body[data-hero-assembly="native-fallback"] .hero-composite-canvas {
  visibility: hidden;
}

html:not(.p2k-js) .hero-live-media, html[data-hero-fallback="true"] .hero-live-media {
  opacity: 1;
  filter: none;
  transform: none;
}

html:not(.p2k-js) .hero-poster, html[data-hero-fallback="true"] body:not([data-hero-composite="ready"]) .hero-poster, body[data-hero-assembly="fallback"] .hero-poster, body[data-hero-assembly="recovering"] .hero-poster {
  opacity: 1;
  mix-blend-mode: normal;
}

body[data-hero-assembly="fallback"] .hero-composite-canvas {
  visibility: hidden;
}

body[data-hero-performance="balanced"] .hero-composite-canvas {
  filter: none;
}