.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-grid label{display:grid;align-content:start;gap:.4rem;color:#2e3d55;font-size:.84rem;font-weight:750}.contact-grid label.full{grid-column:1/-1}.contact-grid label>span{color:#7d8899;font-size:.65rem;text-transform:uppercase}.contact-grid input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid #cfd8e5!important;border-radius:7px!important;background:#fbfcfe!important;outline:0}.contact-grid input:focus{border-color:#1464c0!important;box-shadow:0 0 0 3px rgba(20,100,192,.12)!important}#contactQr{display:grid;min-height:314px;place-items:center;border:1px solid #e1e7ef;border-radius:8px;background:#fbfcfe}#contactQr canvas{display:block;max-width:100%;height:auto!important}#contactQr.has-frame{position:relative;min-height:370px;padding:18px 18px 62px;border:6px solid currentColor;background:#fff}#contactQr.has-frame canvas{width:260px!important;height:260px!important}#contactQr.has-frame:after{content:attr(data-label);position:absolute;right:14px;bottom:12px;left:14px;padding:.55rem;border-radius:6px;background:currentColor;color:#fff;font-size:.9rem;font-weight:850;text-align:center}#contactQr.frame-blue{color:#1677ff}#contactQr.frame-green{color:#11715b}#contactQr.frame-dark{color:#1f2937}.contact-summary{display:flex;align-items:center;gap:.7rem;margin-top:.8rem;padding:.7rem;border-radius:7px;background:#f1f5fa}.contact-summary>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border-radius:50%;background:#1464c0;color:#fff;font-size:.75rem;font-weight:800}.contact-summary>div{display:grid;min-width:0}.contact-summary strong,.contact-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-summary small{color:#69768a;font-size:.72rem}@media(max-width:600px){.contact-grid{grid-template-columns:1fr}.contact-grid label.full{grid-column:auto}}