.bw-animated-svg-host {
  position: relative;
}

.bw-animated-svg-fallback {
  z-index: 4;
  position: absolute !important;
  inset: 0;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  opacity: 1;
  pointer-events: none;
  transition: opacity 180ms ease;
}

.bw-animated-svg-host.is-svg-animation-ready > .bw-animated-svg-fallback {
  opacity: 0;
}

.bw-animated-svg-host[data-svg-animation-state="fallback"] > .bw-animated-svg-fallback {
  opacity: 1;
}

.project-scene__feature--clearwire-animated > .bw-animated-svg-fallback {
  border-radius: clamp(14px, 1.4vw, 28px);
  box-shadow: 0 28px 42px rgb(0 0 0 / 18%);
}

@media (prefers-reduced-motion: reduce) {
  .bw-animated-svg-host > .bw-animated-svg-fallback {
    opacity: 1 !important;
  }

  .bw-animated-svg-host > :is(
    .project-scene__parallels-composition,
    .project-scene__clearwire-animation,
    .project-scene__videostudio-animation,
    .project-scene__coreldraw-animation
  ) {
    opacity: 0 !important;
  }
}