.contact-reference{display:grid;gap:12px;padding:16px;border:1px dashed rgb(var(--text-color) / .2);border-radius:10px}.contact-reference__head{display:grid;gap:2px}.contact-reference__title{margin:0;font-weight:600}.contact-reference__hint{margin:0;font-size:13px;opacity:.7}.contact-reference__drop{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgb(var(--text-color) / .15);border-radius:8px;background:rgb(var(--text-color) / .03);cursor:pointer;transition:border-color .2s ease,background .2s ease}.contact-reference__drop:hover,.contact-reference__drop:focus-within{border-color:#a42551;background:#a425510a}.contact-reference__drop[hidden]{display:none}.contact-reference__icon{display:inline-flex;flex:0 0 auto;color:#a42551}.contact-reference__drop-text{display:grid;gap:2px;text-align:start}.contact-reference__drop-text small{font-size:12px;opacity:.65}.contact-reference__preview{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px}.contact-reference__preview[hidden]{display:none}.contact-reference__preview img{width:56px;height:56px;object-fit:cover;border-radius:6px;background:rgb(var(--text-color) / .06)}.contact-reference__preview img:not([src]){visibility:hidden}.contact-reference__status{font-size:13px;text-align:start}.contact-reference__status[data-state=done]{color:#2e7d32}.contact-reference__status[data-state=error]{color:#c62828}.contact-reference__remove{font-size:13px;text-decoration:underline;opacity:.75}.contact-reference__fallback{margin:0;font-size:14px;text-align:start}.contact-reference__fallback a{color:#a42551;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/37/assets/contact-reference.css.map */