.ContextualDemo-module__y_pA_G__root{z-index:30;isolation:isolate;width:100%;min-width:0;margin:1.5rem 0 0;position:relative}.ContextualDemo-module__y_pA_G__frame{aspect-ratio:83/56;background:#101319;border:1px solid #ffffff24;border-radius:.8rem;position:relative;overflow:hidden}.ContextualDemo-module__y_pA_G__wide{aspect-ratio:45/19}.ContextualDemo-module__y_pA_G__frame video{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.ContextualDemo-module__y_pA_G__frame img{object-fit:contain}.ContextualDemo-module__y_pA_G__control{color:#fff;cursor:pointer;touch-action:manipulation;background:#101319;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-width:5rem;min-height:44px;padding:.55rem .9rem;font:600 .8rem/1.3 system-ui,sans-serif;transition:background-color .18s,transform .18s;display:inline-flex;position:absolute;bottom:.65rem;right:.65rem}.ContextualDemo-module__y_pA_G__control:hover{background:#303642}.ContextualDemo-module__y_pA_G__control:active{transform:scale(.97)}.ContextualDemo-module__y_pA_G__control:focus-visible{outline-offset:3px;outline:2px solid #f0ce5b}.ContextualDemo-module__y_pA_G__caption{color:#c7cbd2;margin:.65rem 0 0;font-size:.8rem;line-height:1.6}.ContextualDemo-module__y_pA_G__captionHidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ContextualDemo-module__y_pA_G__root[data-state=failed] video{visibility:hidden}@media (prefers-reduced-motion:reduce){.ContextualDemo-module__y_pA_G__control{transition:none}.ContextualDemo-module__y_pA_G__control:active{transform:none}}.ContextualDemo-module__y_pA_G__root[data-ready=false] video{opacity:0}.ContextualDemo-module__y_pA_G__loading{color:#fff;background:#101319;border-radius:.5rem;max-width:calc(100% - 7.5rem);padding:.4rem .6rem;font:500 .8rem/1.5 system-ui,sans-serif;position:absolute;bottom:.65rem;left:.65rem}
