.media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-1) 10%, transparent);
}

.media-placeholder-svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: color-mix(in srgb, var(--color-1) 25%, transparent);
}

.media-placeholder--logo {
  width: auto;
  aspect-ratio: 3 / 1;
}