.sr-only[data-v-764ab883]{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.youtube-player .play-button{border-radius:var(--radius-full);background-color:#000;place-content:center;place-self:center;width:4rem;height:4rem;display:grid;position:absolute;inset:0}.youtube-player .play-button svg{fill:#fff}.video-player{place-items:center;min-width:240px;display:grid;position:relative}.video-player img{cursor:pointer;aspect-ratio:var(--aspect-ratio);background-color:#000;width:100%}.video-player figcaption{color:var(--color-grey-text);padding-block-start:1rem;font-size:smaller;font-style:italic}.video-player button{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:scale var(--duration-sm) ease-out;background-color:#000;border:none;place-content:center;padding:.25rem;display:grid;position:absolute;scale:.94}.video-player button svg{fill:currentColor;padding-inline-start:.35rem}.video-player button:focus-visible{outline-offset:2px;outline:2px solid #000;box-shadow:0 0 0 2px #fff}.video-player button:hover{scale:1}.video-player .iframe-wrapper{width:100%;aspect-ratio:var(--aspect-ratio)}.video-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-page.video .card{align-content:start;gap:1rem;max-width:640px;display:grid}@media (width>=1280px){.demo-page.video .card{max-width:476px}}.demo-page.video .card h2{margin-block-end:0}