.demo-app-frame-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;& .demo-app-frame{border:1px solid var(--border-color);border-radius:var(--16px);width:100%;max-width:1300px;height:100%;max-height:800px;box-shadow:var(--modal-box-shadow);color:var(--text-color);position:relative;overflow:hidden;&:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:light-dark(hsl(var(--hsl-white) / 70%),hsl(var(--hsl-black) / 70%));border-radius:var(--16px);position:absolute;inset:0}& .mde-layout .editor{position:relative}}}.demo-app-frame-container-scaled{& .demo-app-frame{width:var(--demo-layout-width,1000px);height:calc(100% / var(--demo-scale,1));max-height:none;transform:scale(var(--demo-scale,1));flex:none}& .demo-app-frame:before{-webkit-backdrop-filter:none;backdrop-filter:none}&:before{content:"";-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:calc(var(--16px) * var(--demo-scale,1));position:absolute;inset:0}& .md-codeblock-copy-button{display:none}}.demo-app-frame .cm-editor{& .cm-cursor,&:not(:focus-within) :is(.cm-floating-toolbar,.mde-toolbar){display:block}&.demo-replaying .md-codeblock-copy-button{display:none}}.editor-ai-popover .popup-content{max-width:30em;&.submitting{text-align:center;min-width:12em;& .loader-dots{text-align:left;width:.8em;display:inline-block;&:after{vertical-align:bottom;content:".";animation:1.2s linear infinite demo-ai-loader-dots;display:inline-block}}}}@keyframes demo-ai-loader-dots{0%{color:#0000;text-shadow:.25em 0 #0000,.5em 0 #0000}25%{color:currentColor;text-shadow:.25em 0 #0000,.5em 0 #0000}50%{color:currentColor;text-shadow:.25em 0,.5em 0 #0000}75%{color:currentColor;text-shadow:.25em 0,.5em 0}to{color:#0000;text-shadow:.25em 0 #0000,.5em 0 #0000}}.cm-nes-inline-tooltip{text-indent:0}.mde-preview{--h1:2em;--h2:1.5em;--h3:1.25em;--h4:1em;--h5:.875em;--h6:.85em}.demo-take-player-chip{z-index:10;position:absolute;bottom:1.25em;right:1.25em;&:hover{opacity:1}}.demo-take-player-invite{z-index:10;corner-shape:round;border-radius:var(--30px);box-shadow:var(--floating-shadow);background-color:hsl(var(--hsl-black) / .7);outline:6px solid hsl(var(--hsl-black) / .4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;font-size:1.5em;animation:.4s ease-out both demo-take-player-invite-rise;position:absolute;top:50%;left:50%;translate:-50% -50%;@media (prefers-reduced-motion:reduce){animation:none}}@keyframes demo-take-player-invite-rise{0%{opacity:0;filter:blur(20px);translate:-50% calc(.75em - 50%)}to{opacity:1;filter:blur();translate:-50% -50%}}