.svc-motion{margin:0 0 var(--s-06);background:var(--background);border:1px solid var(--border-subtle)}.svc-motion__video{object-fit:contain;background:var(--background);width:100%;height:auto;display:block}.svc-motion__caption{padding:var(--s-03) var(--s-05) var(--s-05);border-block-start:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--s-03);flex-wrap:wrap;display:flex}.svc-motion__controls{display:flex}.svc-motion__button{inline-size:var(--s-09);block-size:var(--s-09);color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.svc-motion__button:hover{background:var(--layer-hover)}.svc-motion__button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.svc-motion__note{color:var(--text-helper);flex-basis:100%}.svc-motion:fullscreen{padding:var(--s-05);background:var(--background);flex-direction:column;justify-content:center;margin:0;display:flex}.svc-motion:fullscreen .svc-motion__video{min-block-size:0;max-block-size:calc(100dvh - var(--s-13))}.svc-motion__dialog{width:min(96vw,88rem);max-width:96vw;max-height:96dvh;padding:var(--s-05);border:1px solid var(--border-subtle);color:var(--text-primary);background:var(--background);margin:auto}.svc-motion__dialog::backdrop{background:#000000bf}.svc-motion__dialog-heading{justify-content:space-between;align-items:center;gap:var(--s-05);margin-bottom:var(--s-03);display:flex}.svc-motion__dialog video{object-fit:contain;width:100%;height:auto;max-height:80dvh;display:block}