/* Another site's player, map or form (ShopBlock::Embed): a card that says
   whose it is until the visitor loads it, then the frame in its place, as tall
   as a player stands or in the shape of a video or map */
.embed-block {
  aspect-ratio: var(--embed-ratio, auto);
  background: var(--color-surface-1);
  block-size: var(--embed-height, auto);
  border-radius: var(--radius-l);
  display: grid;
  overflow: hidden;
}

.embed-block__consent {
  --flow-space: var(--space-2xs);

  /* .flow is a flex column */
  align-items: center;
  justify-content: center;
  padding: var(--space-m);
  text-align: center;
}

.embed-block__title {
  font-weight: var(--weight-semibold);
}

.embed-block__note {
  color: var(--color-muted);
  font-size: var(--step--1);
  max-inline-size: 42ch;
}

.embed-block__actions {
  justify-content: center;
}

.embed-block__frame {
  block-size: 100%;
  border: 0;
  inline-size: 100%;
}