.demo-video-dialog{width:min(960px,calc(100% - 24px));max-height:90dvh;padding:0;border:1px solid #d4d4ce;border-radius:8px;background:#FAF9F6;color:#18181B;overscroll-behavior:contain;font-family:inherit;font-size:16px}
.demo-video-dialog::backdrop{background:rgb(24 24 27 / 55%)}
.demo-video-body{padding:24px;position:relative}.demo-video-body h2{font-size:24px;margin:0 70px 20px 0}.demo-video-body h3{font-size:18px;margin:24px 0 8px}.demo-video-body p{font-size:16px;line-height:1.7}.demo-video-media{display:block;width:100%;aspect-ratio:16/9;max-height:340px;object-fit:contain;background:#18181B}.demo-video-close,.demo-video-retry,.demo-video-report,.demo-video-chapters button{min-width:44px;min-height:44px;padding:10px 16px;font:inherit;font-size:16px;color:#18181B;border:1px solid #777;background:#fff;border-radius:4px;cursor:pointer}.demo-video-close{position:absolute;right:16px;top:16px}.demo-video-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.demo-video-report{margin-top:16px;border-color:#386454}.demo-video-body :focus-visible{outline:3px solid #386454;outline-offset:3px}.demo-video-status{margin-bottom:8px}.demo-video-transcript{border-top:1px solid #d4d4ce;margin-top:24px}.demo-video-dialog[open]{display:block}
@media(max-width:600px){.demo-video-body{padding:16px}.demo-video-body h2{font-size:20px}.demo-video-chapters button{flex:1 1 45%}}