.contact-attachment{--attachment-text:var(--bp-ivory);--attachment-muted:#faf7f2b8;--attachment-error:#ffaaa5;--attachment-border:#faf7f240;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:12px;min-width:0;display:grid;position:relative}.contact-attachment__picker{border:1px solid var(--attachment-border);min-width:0;max-width:100%;min-height:48px;color:var(--attachment-muted);border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex;position:relative}.contact-attachment__picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.contact-attachment__picker:has(input:focus-visible){outline:2px solid var(--attachment-text);outline-offset:3px}.contact-attachment__picker:has(input:disabled){opacity:.6}.contact-attachment__picker input:disabled{cursor:wait}.contact-attachment svg{flex:0 0 20px;width:20px;height:20px}.contact-attachment__filename{overflow-wrap:anywhere;min-width:0}.contact-attachment__hint{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-attachment__error{color:var(--attachment-error);grid-area:2/1/auto/-1;font-size:13px}.contact-attachment__error:empty{display:none}.contact-attachment button{border:1px solid var(--attachment-border);width:44px;min-height:44px;color:var(--attachment-text);cursor:pointer;background:0 0;border-radius:50%;grid-area:1/2;place-items:center;padding:0;display:grid}.contact-attachment button:disabled{cursor:wait;opacity:.6}.contact-attachment--light{--attachment-text:var(--bp-dark);--attachment-muted:#332e2ab3;--attachment-error:var(--bp-red-text);--attachment-border:#332e2a40}@media (hover:hover) and (pointer:fine){.contact-attachment__picker:hover{color:var(--attachment-text)}}