.root {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 300px;
	padding: 24px;
}

.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	max-width: 360px;
	text-align: center;
}

.icon {
	color: variables.$text-tertiary;
}

.successIcon {
	color: variables.$color-success;
}

.fileName {
	font-size: 15px;
	font-weight: 500;
	color: variables.$text-primary;
	word-break: break-all;
}

.message {
	font-size: 14px;
	color: variables.$text-secondary;
}

.hint {
	font-size: 13px;
	color: variables.$text-tertiary;
}

.error {
	font-size: 13px;
	color: variables.$color-danger;
}

.progressTrack {
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background: variables.$bg-surface;
	overflow: hidden;
}

.progressBar {
	height: 100%;
	border-radius: 3px;
	background: variables.$color-primary;
	transition: width 0.3s ease;
}

.progressLabel {
	font-size: 13px;
	color: variables.$text-tertiary;
	font-variant-numeric: tabular-nums;
}
