.contact-dialog{border:0;border-radius:20px;width:min(620px,calc(100% - 32px));max-height:88dvh;padding:0;color:var(--ink);background:white;box-shadow:0 24px 100px #132e3a33;overflow:hidden}
.contact-dialog[open]{display:flex;flex-direction:column}.contact-dialog::backdrop{background:#10221ccc;backdrop-filter:blur(5px)}
.contact-dialog-heading{padding:30px 32px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}
.contact-dialog-heading p{font-size:12px;color:var(--green);margin-bottom:7px}.contact-dialog-heading h2{font-size:28px;line-height:1.5}.contact-dialog-heading button{width:44px;height:44px;flex-shrink:0;border:0;background:#f3f6f3;border-radius:50%;font-size:25px;font-weight:400}
.contact-dialog-body{padding:8px 32px 28px;overflow:auto;overscroll-behavior:contain}.support-group{padding-top:24px}.support-group h3{font-size:17px;font-weight:500;margin-bottom:15px}.qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.contact-qr{margin:0;padding:12px;border:1px solid var(--line);border-radius:10px;text-align:center}.contact-qr img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white}.contact-qr figcaption{font-size:13px;margin-top:10px;overflow-wrap:anywhere}
.support-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.support-row>div{min-width:0}.support-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.support-row a,.contact-value{font-size:19px;overflow-wrap:anywhere}.support-row button{border:1px solid #d5dfd8;border-radius:25px;background:white;min-height:44px;min-width:60px;padding:8px 14px;font-size:12px;flex-shrink:0}.support-row button:hover{background:var(--pale)}.contact-empty{padding:35px 0 15px}.contact-empty p{font-size:15px;line-height:2}.contact-empty .text-link{margin-top:18px}.contact-feedback{font-size:12px;min-height:12px;padding:0 32px 15px;color:var(--green)}.contact-modal-open{overflow:hidden}
@media(max-width:480px){.contact-dialog-heading{padding:23px 22px 18px}.contact-dialog-heading h2{font-size:24px}.contact-dialog-body{padding:4px 22px 20px}.contact-feedback{padding:0 22px 12px}.qr-grid{gap:12px}.contact-qr{padding:7px}.support-row a,.contact-value{font-size:17px}}