input[type="file"] {
	font-family: OpenSans;
	font-size: 1em;
	font-weight: 600;
}

.file-input-container {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.file-input-actions {
	position: relative;
}

.file-input-actions button {
	margin-right: 1em;
	background-color: #373b43;
}

.file-input-actions input[type="file"] {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
}

.file-input-value {
	flex-grow: 1;
}

.file-input-value input {
	width: 100%;
	max-width: 33em;
}

.file-input-status {
	margin-left: 1em;
}

.file-input-error {
	color: #f26666;
}

.file-input-container .button-container-primary button {
	background-color: var(--core-primary-4);
}

.file-input-container .button-container-primary button:disabled {
	color: #aaa;
}

.file-input-value-input {
	color: #f5f6f7;
}

.file-input-value-input.invalid {
	border-bottom: 2px solid #f26666;
}
