.case-animation {
  position: relative;
  width: 100%;
  margin: 0 0 var(--space-32);
  border-radius: var(--radius-20);
  overflow: hidden;
  background: var(--background-muted);
}

.lottie-stage {
  position: relative;
  width: 100%;
}

.lottie-fallback, .lottie-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.lottie-fallback {
  display: block;
  object-fit: contain;
}

.lottie-canvas {
  visibility: hidden;
}

.is-lottie-ready .lottie-fallback {
  visibility: hidden;
}

.is-lottie-ready .lottie-canvas {
  visibility: visible;
}

.case-animation .lottie-toggle {
  position: absolute;
  right: 12px;
  bottom: 12px;
  height: 32px;
  padding: var(--space-5) var(--space-12);
}

.lottie-toggle[hidden] {
  display: none;
}