.customer-file-upload {
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 0.75rem;
	padding: 1.5rem 1rem;
	border: 2px dashed #73c7eb;
	border-radius: 10px;
	background: #f2f9fd;
	color: #0e3e67;
	cursor: pointer;
	text-align: center;
	transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

.customer-file-upload:hover,
.customer-file-upload:focus,
.customer-file-upload.is-dragover {
	border-color: #007cc3;
	background: #e5f5fc;
	box-shadow: 0 0 0 4px rgba(55, 177, 228, 0.16);
	outline: none;
}

.customer-file-upload.is-selected {
	border-style: solid;
	border-color: #37b1e4;
	background: #edf9fe;
}

.customer-file-upload.is-disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

.customer-file-upload__icon {
	display: block;
	margin-bottom: 0.4rem;
	color: #37b1e4;
	font-size: 2rem;
	line-height: 1;
}

.customer-file-upload__title {
	display: block;
	margin-bottom: 0.3rem;
	color: #0e3e67;
	font-size: 1.05rem;
	font-weight: 700;
}

.customer-file-upload__prompt,
.customer-file-upload__file {
	display: block;
	color: #40526b;
	font-size: 0.9rem;
	line-height: 1.4;
}

.customer-file-upload__browse {
	color: #007cc3;
	font-weight: 700;
	text-decoration: underline;
}

.customer-file-upload__file {
	overflow-wrap: anywhere;
}

.customer-file-upload--enhanced .customer-file-input {
	display: none !important;
}

@media only screen and (max-width: 40em) {
	.customer-file-upload {
		padding: 1.2rem 0.75rem;
	}
}