.embed{margin:0;display:grid;gap:var(--space-2)}.embed__box{position:relative;inline-size:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:var(--color-surface)}.embed__box--4x3{aspect-ratio:4 / 3}.embed__box--1x1{aspect-ratio:1;max-inline-size:40rem;margin-inline:auto}.embed__box--4x5{aspect-ratio:4 / 5;max-inline-size:34rem;margin-inline:auto}.embed__box--9x16{aspect-ratio:9 / 16;max-inline-size:22rem;margin-inline:auto}.embed__box--h352{aspect-ratio:auto;block-size:352px}.embed__box--h700{aspect-ratio:auto;block-size:700px}.embed__box>:is(iframe,.embed__play){position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}.embed__play{display:grid;place-items:center;padding:var(--space-4);font:inherit;color:var(--color-secondary-text);background:var(--color-secondary);cursor:pointer}.embed__poster{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.embed__title{position:relative;max-inline-size:30ch;margin-block-end:calc(var(--space-12) * 1.5);font-family:var(--font-heading);font-size:var(--text-lg);text-align:center}.embed__icon{position:absolute;inset:0;margin:auto;inline-size:var(--space-12);block-size:var(--space-12);display:grid;place-items:center;border-radius:50%;color:var(--color-primary-text);background:var(--color-primary)}.embed__play:is(:hover,:focus-visible) .embed__icon{outline:3px solid var(--color-primary-text)}.embed__host{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius);font-size:var(--text-xs);color:var(--color-text);background:var(--color-background)}.embed__caption{font-size:var(--text-sm)}