.file-remove-button{color:var(--nj-semantic-color-icon-brand-primary-default,var(--nj-semantic-color-text-brand-primary-default));border:1px solid var(--nj-semantic-color-border-neutral-subtle-default);--nj-icon-btn-bg-color:var(--nj-semantic-color-background-neutral-secondary-default);--nj-icon-btn-hovered-bg-color:var(--nj-semantic-color-background-neutral-primary-hovered);--nj-icon-btn-focused-bg-color:var(--nj-semantic-color-background-neutral-primary-hovered);--nj-icon-btn-pressed-bg-color:var(--nj-semantic-color-background-neutral-primary-default);--nj-material-icon-color:var(--nj-semantic-color-icon-brand-primary-default,var(--nj-semantic-color-text-brand-primary-default));border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.file-visual,.file-visual-icon{border-radius:var(--nj-semantic-size-border-radius-small);flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.file-visual-preview{flex:0 0 20px;width:20px;height:20px;display:inline-flex;position:relative}.file-visual-preview img{border-radius:100%}.file-visual-preview__popover{top:50%;left:calc(100% + var(--nj-semantic-size-spacing-8));z-index:30;padding:var(--nj-semantic-size-spacing-4);border-radius:var(--nj-semantic-size-border-radius-small);border:1px solid var(--nj-semantic-color-border-neutral-subtle-default);background:var(--nj-semantic-color-background-neutral-primary-default);box-shadow:var(--nj-semantic-elevation-shadow-4-dp);opacity:0;pointer-events:none;transition:opacity .14s,transform .14s;position:absolute;transform:translateY(-50%)scale(.98)}.file-visual-preview__popover img{object-fit:cover;border-radius:var(--nj-semantic-size-border-radius-small);height:110px;display:block}.file-visual-preview__popover.is-visible{opacity:1;transform:translateY(-50%)scale(1)}.file-visual-icon{background:color-mix(in srgb, var(--nj-semantic-color-background-brand-tertiary-default) 70%, transparent);--nj-material-icon-color:var(--nj-semantic-color-icon-brand-primary-default,var(--nj-semantic-color-text-brand-primary-default))}.file-visual--image{background:var(--nj-semantic-color-background-neutral-primary-default);overflow:hidden}.file-visual--image img{object-fit:cover;width:100%;height:100%}.file-visual--placeholder{background:color-mix(in srgb, var(--nj-semantic-color-background-brand-tertiary-default) 65%, transparent)}.file-visual--placeholder:after{content:"";background:var(--file-dot-color,#2b8ed8);border-radius:999px;width:10px;height:10px}.file-item{min-width:0;max-width:100%;padding:var(--nj-semantic-size-spacing-4) var(--nj-semantic-size-spacing-8);background:var(--nj-semantic-color-background-neutral-secondary-default);border:1px solid var(--nj-semantic-color-border-neutral-subtle-default);border-radius:var(--nj-semantic-size-border-radius-pill);align-items:stretch;display:inline-flex}.file-item__row{justify-content:space-between;align-items:center;gap:var(--nj-semantic-size-spacing-10);width:100%;min-width:0;display:flex}.file-item__main{align-items:center;gap:var(--nj-semantic-size-spacing-8);--nj-material-icon-color:var(--nj-semantic-color-icon-brand-primary-default,var(--nj-semantic-color-text-brand-primary-default));min-width:0;display:inline-flex}.file-item__main .nj-icon-material{display:flex}.file-item__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--nj-semantic-font-size-text-md);flex:1 1 0;line-height:1.25;overflow:hidden}.file-item__actions{align-items:center;gap:var(--nj-semantic-size-spacing-8);margin-left:var(--nj-semantic-size-spacing-8);flex:none;display:inline-flex}.file-upload-status{justify-content:center;align-items:center;display:inline-flex}.file-upload-status--uploading{color:var(--nj-semantic-color-text-brand-primary-default);animation:1.1s ease-in-out infinite file-upload-status-upload}.file-upload-status--processing{color:var(--nj-semantic-color-text-warning-default);animation:1s linear infinite file-upload-status-spin}.file-upload-status--uploaded{color:var(--nj-semantic-color-text-information-default,#1565c0);--nj-material-icon-color:var(--nj-semantic-color-icon-information-default,var(--nj-semantic-color-text-information-default,#1565c0))}.file-upload-status--processed{color:var(--nj-semantic-color-text-success-default,#2a8f57);--nj-material-icon-color:var(--nj-semantic-color-icon-success-default,var(--nj-semantic-color-text-success-default,#2a8f57))}.file-upload-status--upload_failed,.file-upload-status--processing_failed{color:var(--nj-semantic-color-text-danger-default,#cc3d33);--nj-material-icon-color:var(--nj-semantic-color-text-danger-default,#cc3d33)}.file-upload-status--pending_deletion{color:var(--nj-semantic-color-text-neutral-subtle-default);--nj-material-icon-color:var(--nj-semantic-color-icon-neutral-subtle-default)}.file-item--pending-deletion .file-item__name{opacity:.6;text-decoration:line-through}[data-theme=dark] .file-upload-status--upload_failed,[data-theme=dark] .file-upload-status--processing_failed{color:var(--nj-semantic-color-text-feedback-danger-moderate,#ff8a80);--nj-material-icon-color:var(--nj-semantic-color-text-feedback-danger-moderate,#ff8a80)}@media (prefers-reduced-motion:reduce){.file-upload-status--uploading,.file-upload-status--processing{animation:none}}@media (hover:none){.file-visual-preview__popover{display:none}}@keyframes file-upload-status-upload{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes file-upload-status-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}