/* line 2, app/assets/stylesheets/components/file_upload.scss */
.file-upload__dropzone {
  border: 2px dashed var(--sera-color-core-blue-mid-blue-500);
  border-radius: 4px;
  display: flex;
  padding: 1rem;
  background-color: var(--sera-color-core-blue-light-blue-100);
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/components/file_upload.scss */
.file-upload__input {
  display: none;
}

/* line 15, app/assets/stylesheets/components/file_upload.scss */
.file-upload__dropzone-text {
  margin: auto;
  color: var(--sera-color-core-blue-mid-blue-500);
}

/* line 20, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 8px;
  grid-column-gap: 8px;
  margin-bottom: 16px;
}

/* line 28, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file {
  display: flex;
  background-color: var(--sera-color-neutral-gray-light-gray-50);
  border-radius: 4px;
  gap: 16px;
  position: relative;
  padding: 16px;
}

/* line 36, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file-icon {
  font-size: 20px;
  margin-top: auto;
  margin-bottom: auto;
}

/* line 42, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file-name {
  margin-top: auto;
  margin-bottom: auto;
  word-break: break-all;
  font-size: 12px;
}

/* line 49, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file-action {
  position: absolute;
  top: -9px;
  right: -9px;
  line-height: 1;
  display: flex;
  gap: 8px;
}

/* line 57, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file-action i {
  line-height: 1;
}

/* line 60, app/assets/stylesheets/components/file_upload.scss */
.file-upload__file-action-remove {
  color: var(--sera-color-core-blue-mid-blue-500);
  cursor: pointer;
}