.file-area {
  width: 100%;
  position: relative;
  font-size: var(--text-sm);
}

.file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}

.file-area .file-drop-zone {
  width: 100%;
  border: .1rem dashed var(--color-gray-100);
  text-align: center;
  transition: background 0.3s ease-in-out;
}

.file-area .file-drop-zone .success {
  display: none;
}

.file-area:hover .file-drop-zone {
  border: .1rem dashed var(--color-aqua-500);
}