.demo-video{isolation:isolate;border:1px solid var(--line);background:#09090b;width:100%;position:relative;overflow:hidden}.demo-video video{object-fit:contain;width:100%;height:auto;display:block}.demo-video__play{color:#fff;cursor:pointer;font:700 clamp(16px,2vw,23px)/1.3 var(--sans);text-shadow:0 1px 4px #000;background:linear-gradient(#0000,#00000073);border:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0 0 44px}.demo-video__icon{background:var(--red);place-items:center;width:64px;height:64px;padding-left:4px;font-size:27px;display:grid}.demo-video__play:hover .demo-video__icon{background:#bd1027}.demo-video__play:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}.demo-video__error{color:var(--ink);margin:0;padding:16px;font-size:16px}.demo-video__error a{color:var(--cyan)}.demo-video__play:active{background:#0000004d}@media (max-width:600px){.demo-video__icon{width:48px;height:48px;font-size:22px}.demo-video__play{gap:8px}}