@import url("https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/dropzone.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/basic.css");

:root {
	/* Default color */
	--border-color: #ED5E5E;
	--background-color: #f7fafc;
	--color:#4a5568;
	--radius: 0.25rem;
	--border: #E0E0E0;
}

.input {
	appearance: none;
	display: block;
	width: 100%;
	background-color: var(--background-color);
	color: var(--color);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: 0.75rem 1rem;
	line-height: 1.5;
  }
  
  .input:focus {
	outline: none;
	background-color: #ffffff;
	border-color: 1px solid var(--border);
  }
  
  .label {
	display: block;
	color: #4a5568;
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
  }
  
  .select {
	appearance: none;
	padding: 0.75rem 1rem 0.75rem 4rem;
	display: block;
	width: 100%;
	background-color: #f7fafc;
	border: 1px solid var(--border-color);
	color: #4a5568;
	border-radius: var(--radius);
	-webkit-appearance: none;
  }
  
  .select:focus {
	outline: none;
	background-color: #ffffff;
	border-color: #ED5E5E;
  }
  
  .dropzone {
	border: 2px dashed var(--border-color);
	border-radius: 0.375rem;
	background: white;
  }
  
  .dropzone.dz-drag-hover {
	border: 2px dashed var(--border-color);
  }
  
  .dropzone.dz-drag-hover .dz-message {
	opacity: 0.9;
  }