.demo-viewer{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:var(--white-base);color:var(--midnight-base)}.demo-viewer .demo-viewer-frame{display:block;width:100%;height:100%;border:0;background:var(--white-base)}.demo-viewer .demo-viewer-loading{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);background:var(--white-base)}.demo-viewer .demo-viewer-loading p{margin:0;color:var(--dusk-06);font-size:var(--font-size-14)}.demo-viewer .demo-viewer-loading-bar{width:min(280px,60vw);height:3px;overflow:hidden;border-radius:var(--radius-4);background:var(--dusk-02)}.demo-viewer .demo-viewer-loading-bar span{display:block;width:45%;height:100%;border-radius:inherit;background:var(--hyper-07);animation:demo-viewer-loading 1.2s ease-in-out infinite}.demo-viewer-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-12)}.demo-viewer-not-found h1,.demo-viewer-not-found p{margin:0}.demo-viewer-not-found h1{margin-top:var(--space-12);font-size:var(--font-size-20)}.demo-viewer-not-found p{color:var(--dusk-06);font-size:var(--font-size-14)}@keyframes demo-viewer-loading{0%{transform:translateX(-110%)}to{transform:translateX(245%)}}