html,body{height:100%;overflow:hidden}.live-demo{position:relative;height:100dvh;overflow:hidden}.live-demo .demo-video-container{position:fixed;inset:0;z-index:0;background-color:var(--ivory-100)}.live-demo .demo-video-container video{display:block;width:100%;height:100%;object-fit:cover}.live-demo .demo-overlay{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:1.5rem;overflow-y:auto}.live-demo .demo-dialog{display:flex;flex-direction:column;align-items:center;width:100%;max-width:585px;padding:4rem;border-radius:24px;background-color:var(--white);box-shadow:0 24px 48px rgba(0,0,0,.16);text-align:center}@media screen and (max-width:640px){.live-demo .demo-dialog{padding:1.5rem}}.live-demo .illustration-frame{width:100%;max-width:240px}.live-demo .illustration-frame .illustration{display:block;width:100%;height:auto}.live-demo .demo-dialog-content{margin-top:1.5rem}.live-demo .demo-dialog-content h1{font:var(--mkt-h1-semibold);color:var(--green-800)}.live-demo .demo-dialog-content p{margin-top:.5rem;font:var(--mkt-h4-regular);color:var(--ivory-800)}.live-demo .button{width:100%;margin-top:1.5rem}