.file-attachment{display:inline-flex;align-items:center;background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .2s ease}.file-attachment.loading{cursor:wait;opacity:.7}.file-attachment.thumbnail{justify-content:center;font-weight:600;font-size:10px;color:rgba(0,0,0,.7)}.file-attachment.thumbnail .extension{text-transform:uppercase}.file-attachment.thumbnail .loading-icon{font-size:14px;color:rgba(0,0,0,.4)}.file-attachment:not(.thumbnail){padding:8px 12px;gap:10px;max-width:200px}.file-attachment:not(.thumbnail) .extension-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:rgba(0,0,0,.08);border-radius:4px;flex-shrink:0}.file-attachment:not(.thumbnail) .extension-badge .extension{font-weight:600;font-size:11px;color:rgba(0,0,0,.7);text-transform:uppercase}.file-attachment:not(.thumbnail) .extension-badge .loading-icon{font-size:16px;color:rgba(0,0,0,.4)}.file-attachment:not(.thumbnail) .file-info{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1}.file-attachment:not(.thumbnail) .file-info .file-name{font-size:13px;color:rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-attachment:not(.thumbnail) .file-info .download-icon{font-size:14px;color:rgba(0,0,0,.4);flex-shrink:0}.file-attachment.file-attachment-hidden{cursor:not-allowed;background-color:rgba(0,0,0,.03);border-style:dashed}.file-attachment.file-attachment-hidden.thumbnail .hidden-icon{font-size:14px;color:rgba(0,0,0,.4)}.file-attachment.file-attachment-hidden:not(.thumbnail){flex-direction:column;padding:16px;min-height:80px;justify-content:center}.file-attachment.file-attachment-hidden:not(.thumbnail) .hidden-icon{font-size:24px;color:rgba(0,0,0,.4);margin-bottom:4px}.file-attachment.file-attachment-hidden:not(.thumbnail) .hidden-text{font-size:12px;color:rgba(0,0,0,.5);text-align:center}.file-attachment:hover:not(.loading,.file-attachment-hidden){background-color:rgba(0,0,0,.08);border-color:rgba(0,0,0,.2)}