.contact-chip{border:1px solid var(--border);background:var(--surface-2);min-height:2.5rem;color:var(--muted);text-align:left;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:.375rem;padding:0 .875rem;font-size:.875rem;line-height:1.25rem;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}@media (pointer:coarse){.contact-chip{min-height:2.75rem}}@media (hover:hover){.contact-chip:hover{border-color:var(--border-strong);color:var(--foreground)}}.contact-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.contact-chip-on{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:var(--accent-soft);color:var(--foreground)}.contact-chip-tick{color:var(--accent);flex:none;margin-left:-.125rem;display:none}.contact-chip-on .contact-chip-tick{display:block}html[data-motion] .contact-chip{transition:border-color .15s ease, background-color .15s ease, color .15s ease, scale var(--dur-press,.12s) var(--ease-press,ease)}html[data-motion] .contact-chip:active{scale:.96}html[data-motion] .contact-chip-on .contact-chip-tick{animation:.22s cubic-bezier(.2,.8,.2,1) both contact-tick}@keyframes contact-tick{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.contact-channel{align-items:center;gap:1rem;min-height:4.5rem;padding:1rem;display:flex}.contact-channel-icon{background:var(--accent-soft);width:2.75rem;height:2.75rem;color:var(--accent);border-radius:.75rem;flex:none;justify-content:center;align-items:center;display:flex}html[data-motion] .contact-channel .contact-channel-go{transition:transform .2s,color .2s}@media (hover:hover){html[data-motion] .contact-channel:hover .contact-channel-go{color:var(--foreground);transform:translate(2px,-2px)}}