.uploader {
	width: fit-content;
}

.uploader .upload-button,
.uploader .upload-button > div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.uploader .upload-button .text {
	max-width: 180px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.uploader .upload-button .spinner-container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.uploader .file-list {
	padding-inline-start: 16px;	
	margin-block-end: 0;
	margin-block-start: 0;
}

.uploader .file-list > li {
	padding: 8px;
}

.uploader .file-list li:not(:first-child) {
	margin-top: 0px;
}

.uploader .file-list li:last-child {
	padding-bottom: 0px;
}

.uploader .file-list li > div {
	align-items: center;
    display: grid;
    grid-gap: 8px;	
    grid-template-columns: 1fr 16px;
    max-width: 316px;
}

.uploader .file-list.descriptions li > div {
	grid-template-columns: 1fr 154px 16px;
}

.uploader .file-list li > div > *:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 70px;
}

.uploader .file-list li .file-description .input-field {
	padding: 2px;	
}

/* disabled */
.uploader.disabled {
	pointer-events: none;
}

.uploader.disabled .upload-button {
    border: 1px solid var(--gray-disabled)!important;
    color: var(--gray-disabled)!important;
    cursor: default!important;
}

.uploader.disabled .file-list .si-icon {
	display: none;
}