.pdemo{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-md);background:var(--paper-sunk)}.pdemo>picture,.pdemo>img,.pdemo>picture img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pdemo__stage{position:absolute;inset:0}.pdemo .ss-stage{overflow:hidden;background:var(--paper-sunk)}.dm-win{position:absolute;top:44px;left:56px;width:800px;height:500px;box-shadow:var(--ss-shadow-hero)}.ss-stage[data-layout=compact] .dm-win{top:20px;left:16px;width:460px;height:300px}.ss-stage[data-layout=compact] .dm-wide,.ss-stage[data-layout=wide] .dm-compact{display:none!important}.dm-in{opacity:0;translate:0 6px;transition:opacity .35s ease,translate .5s cubic-bezier(.22,1,.36,1)}.dm-in[data-on]{opacity:1;translate:0 0}.hero .pdemo{border-radius:var(--card-r)}