.demo:where(.astro-fyr5kxmx){background:#22272f;position:relative}.demo-video:where(.astro-fyr5kxmx){width:100%;height:auto;display:block}.demo-toggle:where(.astro-fyr5kxmx){color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff40;border-radius:.5rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:background-color .15s;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.demo-toggle:where(.astro-fyr5kxmx):hover{background:#000c}.demo-toggle:where(.astro-fyr5kxmx)[hidden],.demo:where(.astro-fyr5kxmx):not([data-state=playing]) .demo-icon-pause:where(.astro-fyr5kxmx),.demo:where(.astro-fyr5kxmx):not([data-state=paused]) .demo-icon-play:where(.astro-fyr5kxmx),.demo:where(.astro-fyr5kxmx):not([data-state=ended]) .demo-icon-replay:where(.astro-fyr5kxmx){display:none}