.dz-release32-media-runtime {
  --r32-media-ink: var(--text, #18212b);
  --r32-media-muted: var(--muted, #607181);
  --r32-media-line: color-mix(in srgb, var(--border-color, #d9e0e7) 86%, transparent);
  color: var(--r32-media-ink);
  display: grid;
  gap: 0.75rem;
}

.dz-release32-media-runtime[data-state="loading"] {
  cursor: progress;
}

.dz-release32-media-runtime__status {
  color: var(--r32-media-muted);
  font-size: 0.875rem;
  line-height: 1.5;
}

.dz-release32-media-runtime__progress {
  background: var(--r32-media-line);
  border-radius: 999px;
  height: 0.35rem;
  overflow: hidden;
}

.dz-release32-media-runtime__progress > i {
  background: currentColor;
  border-radius: inherit;
  display: block;
  height: 100%;
  transform: scaleX(var(--r32-media-progress, 0));
  transform-origin: left center;
  transition: transform 160ms ease-out;
}

.dz-release32-media-runtime[data-state="error"] .dz-release32-media-runtime__status {
  color: var(--danger, #a23737);
}

@media (prefers-reduced-motion: reduce) {
  .dz-release32-media-runtime__progress > i {
    transition: none;
  }
}