.DemoVideo_frame__C9o56{position:relative}.DemoVideo_overlay__CZiLa{position:absolute;inset:0;width:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.DemoVideo_overlay__CZiLa[data-started=true]{bottom:48px}.DemoVideo_circle__zUz6G{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(76px,10vw,116px);aspect-ratio:1;border:1px solid hsla(0,0%,100%,.45);border-radius:50%;background:hsla(0,0%,6%,.62);box-shadow:0 8px 32px rgba(0,0,0,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .16s ease,box-shadow .16s ease}.DemoVideo_overlay__CZiLa[data-started=true] .DemoVideo_circle__zUz6G{top:calc(50% + 24px)}.DemoVideo_circle__zUz6G svg{width:44%;height:44%;fill:#fff;transform:translateX(-3%)}@media (hover:hover){.DemoVideo_overlay__CZiLa:hover .DemoVideo_circle__zUz6G{background:hsla(0,0%,6%,.78);box-shadow:0 8px 36px rgba(0,0,0,.4)}}.DemoVideo_overlay__CZiLa:focus-visible{outline:3px solid #fff;outline-offset:-6px;border-radius:10px}.DemoVideo_overlay__CZiLa:focus-visible .DemoVideo_circle__zUz6G{box-shadow:0 0 0 4px hsla(0,0%,100%,.35)}@media (prefers-reduced-motion:reduce){.DemoVideo_circle__zUz6G{transition:none}}