.cf-demo-frame[data-v-bb5aeada]{--frame-w:min(1440px,calc(100vw - var(--container-x)*2));aspect-ratio:var(--demo-ratio);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 40px 100px -30px var(--color-shadow),0 18px 40px -20px var(--color-shadow),0 0 140px -50px var(--color-accent);margin-inline:calc((100% - var(--frame-w))/2);overflow:hidden;position:relative;width:var(--frame-w)}.cf-demo-frame__poster[data-v-bb5aeada],.cf-demo-frame__video[data-v-bb5aeada]{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.cf-demo-frame__poster[data-v-bb5aeada]{transition:opacity .4s ease}.cf-demo-frame__poster--hidden[data-v-bb5aeada]{opacity:0}.cf-demo-frame__video[data-v-bb5aeada]{opacity:0;transition:opacity .4s ease}.cf-demo-frame__video--ready[data-v-bb5aeada]{opacity:1}
