.upload-field{width:100%}.upload-field .upload-label{color:var(--white);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.upload-field .upload-input-hidden{display:none}.upload-field .upload-wrapper{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;display:flex}.upload-field .upload-button{color:var(--white);cursor:pointer;background:0 0;border:.0625rem solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.5rem;transition:border-color .2s,background-color .2s,opacity .2s;display:inline-flex}.upload-field .upload-button:hover{border-color:#ffffff4d}.upload-field .upload-button:disabled{cursor:not-allowed;opacity:.5}.upload-field .upload-error{border-color:var(--color-red-500)}.upload-field .upload-loading{align-items:center;gap:.75rem;display:inline-flex}.upload-field .upload-preview{background:#ffffff08;border:.0625rem solid #ffffff1a;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-height:3.5rem;padding:.875rem 1rem;display:flex}.upload-field .upload-file-info{flex-direction:column;gap:.375rem;display:flex}.upload-field .upload-file-name{color:#ffffffb3;word-break:break-word;font-size:.875rem}.upload-field .upload-file-link{color:var(--white);width:fit-content;font-size:.8125rem;text-decoration:underline}.upload-field .upload-file-link:hover{opacity:.8}.upload-field .upload-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.upload-field .upload-action-button{color:var(--white);cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem}.upload-field .upload-action-button:hover{opacity:.8}.upload-field .upload-action-button:disabled{cursor:not-allowed;opacity:.5}.upload-field .upload-action-button-danger{color:#ff6b6b}