.video-demo__head{max-width:60rem;margin:0 0 clamp(2.4rem,4vw,4rem)}.video-demo--center .video-demo__head{margin-inline:auto;text-align:center}.video-demo__eyebrow{display:inline-block;color:rgb(var(--color-link));margin-bottom:1.4rem}.video-demo__heading{margin:0 0 1.4rem}.video-demo__subheading{max-width:52ch;margin:0;opacity:.85}.video-demo--center .video-demo__subheading{margin-inline:auto}.video-demo__frame{position:relative;display:block;width:100%;padding-bottom:56.25%;overflow:hidden;border-radius:var(--media-radius);background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);isolation:isolate}.video-demo__frame--narrow{max-width:96rem;margin-inline:auto}.video-demo__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.video-demo__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-demo__placeholder svg{width:100%;height:100%;object-fit:cover;opacity:.5}.video-demo__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(80% 80% at 50% 50%,#00000026,#00000080),linear-gradient(to top,#0000008c,#0000001a);transition:opacity var(--duration-default) var(--ease-out)}.video-demo__frame iframe,.video-demo__frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;object-fit:cover;z-index:3}.video-demo__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;width:100%;height:100%;padding:0;cursor:pointer;color:rgb(var(--color-foreground));background:transparent;border:0;-webkit-appearance:none;appearance:none}.video-demo__play-ring{display:grid;place-items:center;width:clamp(6.4rem,9vw,9.6rem);height:clamp(6.4rem,9vw,9.6rem);border-radius:999px;color:rgb(var(--color-button-text));background:var(--gradient-background, rgb(var(--color-button)));background-color:rgb(var(--color-button));box-shadow:0 12px 40px #00000073;transition:transform var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out)}.video-demo__play-ring svg{width:42%;height:42%;margin-left:8%;fill:currentColor}.video-demo__play-label{font-family:var(--font-heading-family);font-size:1.3rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.video-demo__play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 rgba(var(--color-link),0);transition:box-shadow var(--duration-default) var(--ease-out);pointer-events:none}.video-demo__play:hover .video-demo__play-ring,.video-demo__play:focus-visible .video-demo__play-ring{transform:scale(1.08);box-shadow:0 16px 48px #0000008c}.video-demo__play:focus-visible{outline:2px solid rgb(var(--color-link));outline-offset:-4px}@media(prefers-reduced-motion:reduce){.video-demo__play-ring,.video-demo__scrim{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-video-demo.css.map */