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