.cc-demo-window{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:var(--cc-ink)}.cc-demo-window--portrait{aspect-ratio:9 / 16;width:min(100%,42.75svh);margin-inline:auto}.cc-demo-window video::cue{font-family:Barlow,sans-serif}.cc-demo-play{position:absolute;left:1rem;bottom:1rem}.cc-demo-window--portrait .cc-demo-play{left:50%;bottom:1.25rem;transform:translate(-50%);white-space:nowrap}.cc-demo-window--portrait .cc-demo-play:active{transform:translate(-50%,1px)}@media (min-width: 1024px){.cc-demo-play{left:1.5rem;bottom:1.5rem}}.cc-demo-chapter{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.75rem;width:calc(100% + 1rem);padding:.85rem .5rem;margin-inline:-.5rem;text-align:left;border-radius:4px;transition:background-color .12s ease-out}.cc-demo-chapter:hover{background:rgb(20 17 22 / .05)}.cc-demo-chapter:focus-visible{outline:3px solid var(--cc-ink);outline-offset:2px}.cc-demo-chapter[aria-current]{background:#fdf2f8}