.demo-video-open{overflow:hidden}.demo-video-dialog{width:min(1080px,calc(100% - 40px));max-height:calc(100dvh - 40px);margin:auto;padding:0;border:0;border-radius:16px;background:var(--paper,#fff);color:var(--ink,#172b24);box-shadow:0 24px 80px -20px rgba(10,35,25,.45);overflow:auto}.demo-video-dialog::backdrop{background:rgba(13,31,23,.72)}.demo-video-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:20px 24px}.demo-video-header h2{font-size:23px;line-height:1.4}.demo-video-header p{margin-top:5px;font-size:13px;color:var(--muted,#52645b)}.demo-video-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line,#d6e2da);border-radius:10px;background:var(--paper,#fff)}.demo-video-close:hover{background:var(--pale,#e5f0e9)}.demo-video-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.demo-video-screen{background:#0d1713}.demo-video-screen video{display:block;width:100%;max-height:65dvh;aspect-ratio:8/5;object-fit:contain;background:#0d1713}.demo-video-details{padding:16px 24px 20px;font-size:14px}.demo-video-details>p:empty{display:none}.demo-video-details>p+p{margin-top:6px}.demo-video-details [role=status]{color:var(--muted,#52645b)}.demo-video-details button{min-height:44px;margin-top:8px;padding:7px 16px;border:1px solid var(--line,#d6e2da);border-radius:10px;background:var(--pale,#e5f0e9)}.demo-video-credit{display:flex;flex-wrap:wrap;column-gap:5px;row-gap:2px;margin-top:12px;font-size:12px;color:var(--muted,#52645b)}.demo-video-credit a{color:var(--green,#155b4a);text-decoration:underline;text-underline-offset:3px}.demo-video-credit span:last-child{flex-basis:100%}.demo-video-dialog button:focus-visible,.demo-video-dialog a:focus-visible,.demo-video-dialog video:focus-visible{outline:3px solid #39765b;outline-offset:3px}@media(max-width:700px){.demo-video-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.demo-video-header{padding:16px;gap:12px}.demo-video-header h2{font-size:19px}.demo-video-header p{font-size:12px}.demo-video-details{padding:14px 16px}.demo-video-screen video{max-height:58dvh}}