body.demo-open{overflow:hidden}#demo-dialog{width:min(540px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #ccd0c8;border-radius:12px;padding:32px;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #0006}#demo-dialog::backdrop{background:#10201bb8;backdrop-filter:blur(6px)}#demo-dialog h2{font-size:38px;padding-right:30px}#demo-dialog .eyebrow{margin-bottom:14px}#demo-dialog p{font-size:15px}#demo-dialog form:not([hidden]){display:grid;gap:18px;margin-top:24px}#demo-dialog label{display:grid;gap:7px;font-size:14px;font-weight:600}#demo-dialog input{width:100%;padding:13px;border:1px solid #87918a;border-radius:5px;background:#fff;color:#1d2825;font:inherit}#demo-dialog input:focus-visible,#demo-dialog button:focus-visible{outline:3px solid #2b666b;outline-offset:3px}#demo-dialog button{cursor:pointer;font-family:inherit}#demo-dialog [data-demo-close]{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:28px;color:var(--ink);padding:6px 12px}#demo-dialog .button{border:0;width:100%}#demo-dialog button:disabled{opacity:.6;cursor:wait}#demo-dialog .demo-trap{position:absolute;left:-10000px}#demo-dialog [data-demo-status]{font-size:16px;line-height:1.6} @media(max-width:500px){#demo-dialog{padding:25px}#demo-dialog h2{font-size:32px}}