.demo-cursor{z-index:2;pointer-events:none;will-change:transform;transition:opacity .5s;position:absolute;inset-block-start:0;inset-inline-start:0}.demo-cursor__body{transform-origin:0 0;scale:calc(1 / var(--demo-host-scale,1));display:block;position:absolute;inset-block-start:0;inset-inline-start:0}.demo-cursor__arrow{filter:drop-shadow(0 2px 6px #00000047);display:block;position:relative;inset-block-start:-3.2px;inset-inline-start:-5.5px}.demo-cursor__ring{opacity:0;border:2px solid #11111173;border-radius:50%;width:24px;height:24px;position:absolute;inset-block-start:-12px;inset-inline-start:-12px}@media (prefers-reduced-motion:reduce){.demo-cursor{display:none}}.demo-cursor__extent{pointer-events:none;visibility:hidden;position:absolute}
[data-public-root] .demo-host{box-sizing:border-box;--demo-host-height-mode:box;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:visible}:is([data-public-root] .media:has(>.media__frame>[data-public=demo-host]),[data-public-root] .media:has([data-public=demo-host]),[data-public-root] .browser-media:has([data-public=demo-host])),:is([data-public-root] .media .media__frame:has(>[data-public=demo-host]),[data-public-root] .browser-media .browser-media__window:has([data-public=demo-host])){padding:0}[data-public-root] .demo-host__layout{flex:none;position:relative;overflow:visible}[data-public-root] .demo-host__stage{box-sizing:border-box;transform:scale(var(--demo-host-scale,1));transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}[data-public-root] .demo-host:not([data-demo-fitted]) .demo-host__stage{opacity:0}[data-public-root] .demo-host[data-demo-fitted] .demo-host__layout{transition:width .6s cubic-bezier(.65,0,.35,1),height .6s cubic-bezier(.65,0,.35,1)}[data-public-root] .demo-host[data-demo-fitted] .demo-host__stage{transition:transform .6s cubic-bezier(.65,0,.35,1),left .6s cubic-bezier(.65,0,.35,1),top .6s cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion:reduce){[data-public-root] .demo-host[data-demo-fitted] .demo-host__layout,[data-public-root] .demo-host[data-demo-fitted] .demo-host__stage{transition:none}}[data-public-root] .media .media__frame>[data-public=demo-host]{width:100%;height:100%;display:flex}[data-public-root] .media[data-aspect=source]>.media__frame>[data-public=demo-host]{--demo-host-height-mode:content;height:auto}[data-public-root] .media .media__frame:has(>[data-public=demo-host]){overflow:visible}[data-public-root] .media [data-demo-screen]{border-radius:calc(var(--media-radius,0px) / var(--demo-host-scale,1));overflow:hidden}.demo-host[data-demo-kind=static] .demo-host__stage,.demo-host[data-demo-kind=player] .demo-host__stage{pointer-events:none}.demo-host[data-demo-kind=hover]{cursor:default}.demo-host[data-demo-kind=player]:not([data-demo-playing]) .demo-host__stage,.demo-host[data-demo-kind=player]:not([data-demo-playing]) .demo-host__stage *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.demo-host[data-demo-playing]{--demo-motion:none}}