.demo-video{margin-top:8px}.demo-video__frame{border:1px solid var(--hairline);background:var(--sheet);overflow:hidden;aspect-ratio:16 / 9}.demo-video__el{display:block;width:100%;height:100%;object-fit:cover;background:var(--paper)}.demo-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;background:var(--ink);color:var(--sheet);border:none;border-radius:var(--radius);font-family:var(--font);font-weight:600;font-size:14px;cursor:pointer}.demo-video__play:hover{background:var(--ink-2)}.demo-video__play:active{transform:translate(-50%,calc(-50% + 1px))}