.contact-root{background:var(--pub-bg)}.person-card{background:var(--pub-card-bg);border:1px solid var(--pub-card-border);box-shadow:var(--pub-card-shadow);transition:border-color .15s,transform .15s}.person-card:hover{border-color:var(--pub-accent-border)}.contact-ico-wrap{position:relative}.contact-ico{border:1px solid transparent;color:var(--pub-text-muted);transition:all .15s}.contact-ico:hover{background:var(--pub-accent-subtle);border-color:var(--pub-accent-border);color:var(--pub-accent)}.contact-pop{align-items:center;background:var(--pub-card-bg);border:1px solid var(--pub-card-border);border-radius:.625rem;box-shadow:0 8px 28px #1c191724;display:none;gap:.5rem;padding:.5rem .75rem;position:absolute;right:0;top:calc(100% + 10px);white-space:nowrap;z-index:20}.contact-pop--qr{flex-direction:column;gap:0;height:11rem;padding:.5rem;width:11rem}.contact-pop--qr .qr-img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.contact-ico-wrap:hover .contact-pop{display:flex}.contact-pop:before{background:var(--pub-card-bg);border-left:1px solid var(--pub-card-border);border-top:1px solid var(--pub-card-border);content:"";height:10px;position:absolute;right:12px;top:-5px;transform:rotate(45deg);width:10px}.contact-pop-text{color:var(--pub-text);font-size:14px;font-weight:500}.contact-copy{color:var(--pub-text-muted);display:inline-flex;transition:color .15s}.contact-copy:hover{color:var(--pub-accent)}.contact-copy--done{color:#16a34a}.qr-img{background:#fff;display:block}.qr-placeholder{background:var(--pub-card-hover-bg);border:1px dashed var(--pub-card-border)}