.errorModal {
	position: relative !important;
    overflow-y: hidden !important;
	min-width: 350px !important;
	max-width: 400px !important;
	left: auto !important;
    margin: auto !important;
	top: 25vh !important;
}

.overlay {
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	background-color: rgba(#000, 0.85);
	transition: opacity .2s;
	z-index: 1000;
  }

.uploader-cover {
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	background-color: rgba(0,0,0,.85);
	transition: opacity .2s;
	z-index: 299;
}

.uploader-cover.-visible {
	display: block;
}
.uploader-cover.-fade-in {
	opacity: 1;
}
.uploader-cover .centered {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -75px;
	margin-left: -100px;
	width: 200px;
	height: 150px;
}
.uploader-cover .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 150px;
	/* fill: #35b2b6; */
}
.uploader-cover .icon.-muted {
	opacity: 0.3;
}
.uploader-cover .coverup {
	position: absolute;
	width: 200px;
	bottom: 0;
	height: 0;
	left: 50%;
	margin-left: -100px;
	overflow: hidden;
	transition: height 0.1s;
}
.uploader-cover .coverup .icon {
	top: -150px;
	transition: top 0.1s;
}
.uploader-cover .coverup.-indeterminate .icon {
	animation-name: indeterminateIcon;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-direction: alternate;
}
.uploader-cover .text {
	position: absolute;
	width: 300px;
	height: 50px;
	margin-left: -50px;
	top: 170px;
	text-align: center;
	color: #fff;
}
.uploader-cover .text .percentage {
	font-size: 30px;
}
.uploader-cover .text .percentage.-hidden {
	display: none;
}
.uploader-cover .message {
	display: block;
}
.uploader-cover .message.-hidden {
	display: none;
}
.uploader-cover .close {
	color: white;
	position: fixed;
	left: 40px;
	top: 20px;
	cursor: pointer;
	font-size: 13px;
	opacity: 0.5;
	user-select: none;
	transition: opacity 0.2s;
}
.uploader-cover .close:before {
	content: '×';
	top: 0;
	left: -20px;
	position: absolute;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}
.uploader-cover .close:hover {
	opacity: 1;
}

@keyframes indeterminateIcon {
	from {
		opacity: 1;
   }
	to {
		opacity: 0.2;
   }
}


.modal-wrap {
    display: none;
    opacity: 0;
    background-color: rgba(0,0,0,.6)
}

.modal-wrap .errorModal {
    position: relative !important;
    overflow-y: hidden !important;
    min-width: 350px !important;
    max-width: 400px !important;
    left: auto !important;
    margin: auto !important;
    top: 25vh !important;
    height: fit-content !important;
    width: fit-content !important;
    padding: 10px 30px 10px 30px !important;
    overflow: visible;
    text-align: center;
}

.modal-wrap.-opened {
    display: block;
    opacity: 1;
	background-color: rgba(0,0,0,.6)
}
.modal-wrap .errorModal .scroll {
	position: relative !important;
    width: 100% !important;
    white-space: normal;
}
.modal-wrap .errorModal .scroll .body {
	width: 100% !important;
}

/* NEW UPLOAD FLOW */
/* Progress Container Styles */
.fixed-progress-container,
.fixed-error-container {
	display: none;
	position: fixed;
	bottom: 16px;
	right: 16px;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
	padding: 8px;
	border-radius: 5px;
	z-index: 90001;
}
.phone .fixed-progress-container,
.phone .fixed-error-container {
	width: calc(100% - 32px);
}

.desktop .fixed-progress-container,
.desktop .fixed-error-container {
	min-width: 600px;
}
/* Remaining Files Text Styles */
#remainingFilesText {
	text-align: center;
	padding: 4px;
}

/* Progress Bar Container Styles */
.progress-bar-container {
	margin-top: 8px;
	margin-bottom: 8px;
	width: 100%;
	height: 10px;
	background-color: #555;
	border-radius: 5px;
	overflow: hidden;
	/* Ensures child elements don't overflow */
}

/* Progress Bar Styles */
#uploadProgressBar {
	height: 100%;
	width: 0;
	background-color: #35B2B6;
	/* Updated base color */
	border-radius: 5px;
	transition: width 0.3s ease;
	/* Smooth transition for progress updates */
}

/* Progress Percentage Text Styles */
#progressPercentageText {
	margin-top: 5px;
	text-align: center;
}

#abort-upload-button {
	float: right;
	position: absolute;
	right: 8px;
	font-size: 13px;
	line-height: 1.2em;
	height: 25px;
}
.desktop #abort-upload-button,
.tablet #abort-upload-button {
	top: 8px;
}
.phone #abort-upload-button {
	bottom: 8px;
}
.phone #remainingFilesText {
	padding: 0;
}
.phone #progressPercentageText{
	margin-top: 0;
	height: 25px;
	line-height: 25px;
}