.video-with-poster:has(.accessible-demo){aspect-ratio:auto;overflow:visible;background:0 0;border:0;box-shadow:none}.accessible-demo{position:relative;max-width:900px;margin:0 auto;text-align:start}.demo-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:1rem;background:#0f172a;box-shadow:0 16px 40px -20px rgb(15 23 42 / 45%)}.accessible-demo video,.video-with-poster .accessible-demo video{position:static;display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0;background:#000}.accessible-demo .demo-play{position:static;inset:auto;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1.1rem;margin:0;border:1px solid #4338ca;border-radius:.65rem;background:#4f46e5;color:#fff;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:0 2px 5px rgb(79 70 229 / 15%);transition:background .18s,box-shadow .18s}.demo-play-icon{display:flex;align-items:center;flex-shrink:0}.demo-play-icon svg{width:18px;height:18px}.demo-play-label{font-size:.875rem;font-weight:600;line-height:1.4}@media (hover:hover){.accessible-demo .demo-play:hover{background:#4338ca;box-shadow:0 4px 12px rgb(79 70 229 / 22%)}}.accessible-demo .demo-play:focus-visible{outline:#818cf8 solid 3px;outline-offset:3px}.accessible-demo [hidden]{display:none}.demo-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.85rem .15rem .25rem}.accessible-demo .demo-download{margin:0;font-size:.8125rem;line-height:1.4}.demo-download a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;padding:.4rem .25rem;color:#475569;text-decoration:none;border-radius:.35rem;transition:color .18s}.demo-download a:hover{color:#4338ca;text-decoration:underline;text-underline-offset:3px}.demo-download svg{flex-shrink:0}.demo-download a:focus-visible{outline:#6366f1 solid 3px;outline-offset:2px}.accessible-demo .demo-error{margin:.35rem 0 0;padding:.75rem 1rem;background:#fff1f2;border:1px solid #fecdd3;border-radius:.65rem;color:#9f1239;font-size:.875rem;line-height:1.6}@media (max-width:480px){.demo-stage{border-radius:.75rem}}@media (prefers-reduced-motion:reduce){.accessible-demo .demo-play,.demo-download a{transition:none}}