.attachment-upload{font-family:inherit;width:100%}.attachment-upload__trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:#5f6368;background:none;border:1px solid #dadce0;border-radius:16px;cursor:pointer;transition:background-color .15s ease}.attachment-upload__trigger svg{flex-shrink:0}.attachment-upload__trigger:hover{background-color:#f1f3f4}.attachment-upload__trigger:active{background-color:#e8eaed}.attachment-upload__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;list-style:none;padding:0}.attachment-upload .position-relative{position:relative}.attachment-upload .file-index{position:absolute;top:-10px;left:-10px;background-color:var(--green-color);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600;border:2px solid #fff}.attachment-chip{display:flex;align-items:center;gap:8px;width:240px;padding:6px 8px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f9fa;transition:box-shadow .15s ease,border-color .15s ease}.attachment-chip:hover{box-shadow:0 1px 3px rgba(0,0,0,.12);border-color:#d2d5d9}.attachment-chip__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:#4285f4;color:#fff;font-size:9px;font-weight:700;letter-spacing:.2px}.attachment-chip__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-chip__name{font-size:12.5px;font-weight:500;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip__meta{font-size:11px;color:#5f6368}.attachment-chip__error{font-size:11px;color:#d93025;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip__progress-track{margin-top:2px;width:100%;height:3px;background-color:#e0e0e0;border-radius:2px;overflow:hidden}.attachment-chip__progress-fill{height:100%;background-color:#4285f4;border-radius:2px;transition:width .2s ease}.attachment-chip__actions{flex-shrink:0;display:flex;align-items:center}.attachment-chip__actions button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:12px;color:#5f6368;background:none;border:none;border-radius:50%;cursor:pointer}.attachment-chip__actions button:hover{background-color:rgba(0,0,0,.08);color:#202124}.attachment-chip--done .attachment-chip__icon{background-color:#34a853}.attachment-chip--error{border-color:#fad2cf;background-color:#fdf2f1}.attachment-chip--error .attachment-chip__icon{background-color:#ea4335}