.contact-dialog{border:0;background:#fff;color:#252525;padding:22px 24px 24px;max-width:380px;width:calc(100% - 32px);max-height:calc(100svh - 40px);overflow:auto;border-radius:4px;margin:auto;box-sizing:border-box}
.contact-dialog::backdrop{background:#0008}
.contact-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.contact-dialog-heading h2{font:600 24px/1.5 MiSans,sans-serif;letter-spacing:-.4px;margin:0}
.contact-dialog-close{display:flex;align-items:center;justify-content:center;border:0;background:#f0f0f0;color:#252525;width:44px;height:44px;font:400 28px/1 MiSans,sans-serif;flex:none;cursor:pointer}
.contact-qr-frame{padding:16px;background:#fff}
.contact-qr-frame img{display:block;width:100%;height:auto;max-width:300px;margin:auto;cursor:default}
body:has(.contact-dialog[open]){overflow:hidden}
@media(max-width:359px){.contact-dialog{padding:18px}.contact-dialog-heading h2{font-size:22px}.contact-qr-frame{padding:12px}}