//.eac-uploader {
//	display: block;
//	box-sizing: border-box;
//
//	&__button {
//		cursor: pointer;
//		border: 2px dashed #e1e2e2;
//		display: flex;
//		flex-wrap: wrap;
//		justify-content: center;
//		align-items: center;
//		flex-direction: column;
//		width: 100%;
//		min-height: 90px;
//		color: #595959;
//		font-size: 0.9rem;
//
//		.dashicons {
//			font-size: 2em;
//			margin-bottom: 0.5em;
//		}
//	}
//
//	&__preview {
//		position: relative;
//		display: flex;
//		align-items: center;
//		box-sizing: border-box;
//	}
//
//	&__thumb {
//		overflow: hidden;
//		white-space: nowrap;
//		text-overflow: ellipsis;
//		text-align: center;
//		flex: none;
//		height: 48px;
//		max-width: 48px;
//		margin-right: 10px;
//
//		img {
//			display: block;
//			width: auto;
//			height: 100%;
//			overflow: hidden;
//			border: 1px solid #e1e2e2;
//			padding: 2px;
//		}
//	}
//
//	&__name{
//		overflow: hidden;
//		white-space: nowrap;
//		text-overflow: ellipsis;
//		flex: auto;
//		outline: none;
//		cursor: pointer;
//		color: #595959;
//		font-size: 0.9em;
//		text-decoration: none;
//	}
//
//	&__remove {
//		cursor: pointer;
//		color: #c3c4c5;
//		font-size: 1.5em;
//		margin-left: 1em;
//		background: transparent;
//		border: none;
//		appearance: none;
//		transition: color 0.3s;
//
//		&:hover {
//			color: #f00;
//		}
//	}
//}

.eac-file-upload {
	position: relative;

	a {
		text-decoration: none;

		&:focus {
			outline: none;
			box-shadow: none;
		}
	}

	img {
		max-width: 100%;
		height: auto;
		max-height: 45px;
	}

	&__dropzone {
		height: 5em;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #f9fafb;
		border: 1px dashed #e5e7eb;
		border-radius: 0;
		font-weight: 500;
		text-align: center;
		cursor: pointer;
		transition: all .3s;

		&:hover {
			border-color: #2c3338;
			color: #2c3338;
		}

		@at-root .eac-file-upload.has--file & {
			display: none;
		}
	}

	&__button {
		background-color: transparent;
		-webkit-appearance: button;
		border: none;
		color: inherit;
		font-size: 100%;
		height: 100%;
		width: 100%;
		padding: 0;
		border: 0;
		cursor: pointer;
		font-weight: normal;
	}

	&__preview {
		display: flex;
		align-items: center;
		margin: 0;
		padding: .5em 0;
		width: 100%;
		gap: 10px;

		@at-root .eac-file-upload:not(.has--file) & {
			display: none;
		}
	}

	&__icon {
		height: 45px;
		width: 45px;
	}

	&__info {
		flex: 1;
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	&__action {
		display: flex;
		gap: 5px;
		flex-direction: column;
		max-width: 50px;
		align-items: flex-end;

		a {
			color: #ccc;
			font-size: 0.9em;
			text-decoration: none;
			cursor: pointer;
			transition: color 0.1s ease-in;

			&:hover {
				color: #0073aa;
			}
		}
	}
}