figure.video-loop{margin:0;position:relative}figure.video-loop>.frame{aspect-ratio:16/10;border-radius:var(--radius-lg);background-color:var(--color-ink);position:relative;overflow:hidden}@media (width>=64rem){figure.video-loop>.frame{aspect-ratio:4/5}figure.video-loop[data-fill]{block-size:100%}figure.video-loop[data-fill]>.frame{aspect-ratio:auto;block-size:100%}}figure.video-loop>.frame>:is(img,video){object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}figure.video-loop>.frame>video{opacity:0}figure.video-loop[data-playing]>.frame>video{opacity:1}figure.video-loop>:is(figcaption,.control){position:absolute}figure.video-loop>figcaption,figure.video-loop>.control>.chip{--focus:var(--color-lime);padding-inline:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-ink)}figure.video-loop>figcaption{gap:var(--space-2);padding-block:var(--space-2);color:var(--color-on-dark);font-family:var(--font-body);font-size:var(--text-small);font-weight:var(--weight-chrome);line-height:var(--text-small-leading);align-items:center;display:flex;inset-block-end:var(--space-4);inset-inline-start:var(--space-4)}figure.video-loop>figcaption:before{content:"";inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-lime);flex-shrink:0}figure.video-loop>.control:not([hidden]){inset-block-end:var(--space-2);inset-inline-end:var(--space-4)}