.main-demo-trigger{cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.main-demo-mobile{display:none}@media (max-width:991px){.main-demo-mobile{margin-top:16px;display:block}.main-demo-mobile .main-demo-trigger{min-height:44px;font-size:13px}}.main-demo-dialog{color:#121212;background:#fff;border:1px solid #dce2d7;border-radius:8px;width:min(1120px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 25px 90px #0004}.main-demo-dialog::backdrop{background:#121212bf}.main-demo-dialog[open]{animation:.14s ease-out main-demo-enter}.main-demo-header{border-bottom:1px solid #e3e7df;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.main-demo-header>div{align-items:baseline;gap:16px;display:flex}.main-demo-header h2{margin:0;font-size:18px;font-weight:600;line-height:1.4}.main-demo-header span{color:#687160;font-size:12px}.main-demo-close{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:36px;height:36px;display:grid}.main-demo-close:hover{background:#f1f4ed}.main-demo-dialog video{aspect-ratio:16/9;background:#f6f8f3;width:100%;display:block}.main-demo-footer{justify-content:space-between;align-items:start;gap:20px;padding:18px 20px;display:flex}.main-demo-footer details{flex:1;min-width:0}.main-demo-footer summary{cursor:pointer;align-items:center;gap:8px;width:fit-content;padding:10px 0;font-size:13px;display:flex}.main-demo-transcript{max-width:720px;padding:8px 16px 0 0;font-size:13px;line-height:1.8}.main-demo-transcript p{margin:0 0 14px}.main-demo-footer .main-pill-button{flex:none;padding:12px 18px;font-size:13px}.main-demo-error{background:#fff2ed;margin:0;padding:12px 20px;font-size:13px}.main-demo-dialog :focus-visible{outline-offset:3px;outline:3px solid #617700}@keyframes main-demo-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:650px){.main-demo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.main-demo-header{padding:12px 14px}.main-demo-footer{flex-wrap:wrap;padding:14px}.main-demo-footer details{flex-basis:100%}.main-demo-footer .main-pill-button{margin-left:auto}}@media (prefers-reduced-motion:reduce){.main-demo-dialog[open]{animation:none}}
