#demo-wrapper{background:#0d141f;flex-direction:column;justify-content:flex-start;gap:40px;width:100%;height:100dvh;display:flex;box-shadow:inset 0 4px 184px 180px #4d7bf11a}#demo-wrapper:has(dialog[open])>.demo-main,#demo-wrapper:has(dialog[open])>.demo-header{display:none}.demo-header{justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:28px 20px;display:flex}.demo-header-close{cursor:pointer;z-index:1;background:#4d7bf10a;border:none;border-radius:24px;justify-content:center;align-items:center;width:48px;height:48px;padding:10px 12px;display:flex}.demo-header-close svg{width:13px;height:13px}.demo-main{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:610px;height:100%;margin-left:auto;margin-right:auto;display:flex}.demo-main h2{color:var(--heading-text);font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:var(--heading-hero-font-size);line-height:var(--heading-hero-line-height);text-align:center;margin:44px 0 24px}.demo-main p{color:var(--text-secondary);font-family:var(--font-body);font-weight:var(--font-weight-body);margin-bottom:40px;font-size:20px;line-height:32px}.demo-main>span{width:180px}.premium-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:248px;height:60px;display:flex}.logo-icon{flex:0 0 60px;width:60px;height:60px}.logo-wordmark{flex:none;width:180px;height:60px}@media (width<1200px){#demo-wrapper{gap:0}.demo-header{padding:12px}.demo-main{justify-content:center}.demo-main h2{margin-bottom:20px}.demo-main p{margin-bottom:32px;font-size:16px;line-height:28px}.premium-logo{gap:6px;width:198px;height:48px}.logo-icon{flex-basis:48px;width:48px;height:48px}.logo-wordmark{width:144px;height:48px}}