.video-frame{position:relative;display:grid}.video-frame>*{grid-area:1 / 1;min-width:0}.video-cover{display:none}.video-frame[data-cover=ready]>.video-cover,.video-frame[data-cover=loading]>.video-cover,.video-frame[data-cover=error]>.video-cover{z-index:1;display:grid;grid-template-rows:auto auto 1fr;gap:.2rem;margin:0;padding:.7rem .8rem 3.4rem;max-width:none;color:var(--viewer-copy);font-size:13px;line-height:1.35;pointer-events:none}.video-cover__title{font:var(--fw-display) .95rem / 1.25 var(--f-display);letter-spacing:var(--ls-display);overflow-wrap:anywhere}.video-cover__meta{color:var(--viewer-muted);font:400 var(--fs-s) / 1.4 var(--f-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.video-cover__host{white-space:nowrap}:root :is(.paper-pin,.media-card,.media-panel) video:focus-visible{outline-offset:-3px}.video-cover:before,.video-cover:after{content:"";grid-area:3 / 1;place-self:center}.video-cover:after{inline-size:2.6rem;block-size:2.6rem;border:2px solid var(--viewer-copy)}.video-cover:before{z-index:1;inline-size:.95rem;block-size:1.1rem;margin-inline-start:.2rem;background:var(--viewer-copy);clip-path:polygon(0 0,100% 50%,0 100%)}.video-frame:is([data-cover=loading],[data-cover=error])>.video-cover:before{display:none}.video-frame:is([data-cover=loading],[data-cover=error])>.video-cover:after{inline-size:auto;block-size:auto;border-width:var(--bw-2);border-radius:var(--radius-sq);padding:.3rem .6rem;font:700 var(--fs-s) / 1.4 var(--f-mono)}.video-frame[data-cover=loading]>.video-cover:after{content:"Loading from the host"}.video-frame[data-cover=error]>.video-cover:after{content:"The host did not return this video"}@media screen{:root[data-cart] .video-frame[data-cover=ready]>.video-cover:after{border-color:var(--bless);rotate:45deg}:root[data-cart] .video-frame[data-cover=ready]>.video-cover:before{background:var(--bless)}}@media print{.video-frame{display:block;border:1px solid var(--fg)}.video-frame>video,.video-frame>.video-cover:before,.video-frame>.video-cover:after{display:none}.video-frame>.video-cover{display:block;margin:0;padding:.5rem}.video-cover__title{display:block}}