/**
 * Dashboard container - full width and reduced height.
 */
.uppy-Dashboard-inner {
  width: 100% !important;
  height: auto !important;
  min-height: 280px !important;
  background-color: unset;
  border: unset;
}

/**
 * Add border and background to the drop area.
 */
.uppy-Dashboard-AddFiles,
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  border: 2px dashed #d1d5db;
  border-radius: 12px;
  background-color: white;
  padding: 40px 20px;
  margin: 0 0 10px;
}

/**
 * Add an upload icon with circular purple background above the drop text.
 */
.uppy-Dashboard-AddFiles-title::before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
  background-color: #e9d5f0;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%238b5a9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
}

/**
 * Style the main drop text.
 */
.uppy-Dashboard-AddFiles-title {
  font-size: 18px;
  font-weight: 400;
  color: #1a1a1a;
  margin-bottom: 12px;
}

/**
 * Add a subtitle above the accepted formats note.
 */
.uppy-Dashboard-note::before {
  content: 'Supports documents, presentations, audio, video and images';
  display: block;
  color: #6b7280;
  font-size: 14px;
  margin-bottom: 12px;
}

/**
 * Style the accepted formats note.
 */
.uppy-Dashboard-note {
  color: #6b7280;
  font-size: 13px;
  line-height: 1.5;
}


.uppy-Dashboard-AddFiles-info,
.uppy-size--md .uppy-Dashboard-AddFiles-info{
  display: block;
  position: static;
  padding-top: 1rem;
}