x-trailer{display:contents}@scope (x-trailer) to (:scope :is(x-base,x-figure,x-footer,x-listing,x-masthead,x-pager,x-river,x-score,x-stores,x-story,x-time,x-trailer)>*){.trailer{margin:var(--space-6) 0}.poster{position:relative;display:block;aspect-ratio:16 / 9;background:var(--color-bg-inset)}.poster img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease)}.poster:hover .play{background:color-mix(in srgb,var(--color-accent) 85%,var(--color-text))}.player{display:block;width:100%;aspect-ratio:16 / 9;border:0}.trailer figcaption{margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-secondary)}.note{color:var(--color-text-tertiary)}}