.form {
  --form-width: 25rem;

  display: grid;
  grid-gap: 1.5rem;
  grid-gap: var(--gap);
  grid-template-columns: 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
  max-width: min(calc(100vw - 1.5rem * 2), var(--form-width));
  max-width: min(var(--width-container), var(--form-width));
  min-width: 0;
  position: relative;
  width: 100%;
}

  .form > *,
  .form > fieldset > * {
    grid-column: 1 / -1;
    align-content: flex-start;
    justify-content: flex-start;
  }

  .form > .validation-message {
    margin-bottom: 1.5rem;
    margin-bottom: var(--gap);
  }

  .form h3 {
    margin: 0;
    padding-top: 1.5rem;
    padding-top: var(--gap);
  }

  .form > p {
    margin: 0;
  }

  .form > fieldset:not(.field) {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    padding: 0;
  }

  @supports (display: contents) {

  .form > fieldset:not(.field) {
      display: contents
  }
    }

  @supports (display: subgrid) {

  .form > fieldset:not(.field) {
      display: subgrid
  }
    }

  .form > fieldset:not(.field) > legend {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      color: #50586d;
      color: var(--color-heading);
      font-family: 'Merriweather', serif;
      font-family: var(--font-family-heading);
      font-size: 1.5rem;
      font-size: var(--font-size-x-large);
      margin: 1.5rem 0 0.75rem;
      margin: var(--gap) 0 var(--gap-small);
    }

  .form > footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0.75rem 0;
    margin: var(--gap-small) 0;
  }

  .form > footer > .button[type='reset']:first-child,
    .form > footer > .button.secondary:first-child {
      margin-right: auto;
    }

.file-input {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.downloading {
  filter: blur(0.5rem);
}

.buttons-wrapper {
  order: 2;
}

.baseStyle {
  --acceptBorderColor: #00e676;
  --baseBgColor: #fafafa;
  --baseBorderColor: #eee;
  --baseColor: #bdbdbd;
  --focusedBorderColor: #2196f3;
  --rejectBorderColor: #ff1744;

  align-items: center;
  background-color: var(--baseBgColor);
  border-color: var(--baseBorderColor);
  border-radius: 2px;
  border-style: dashed;
  border-width: 2px;
  color: var(--baseColor);
  display: flex;
  flex: 1;
  flex-direction: column;
  outline: none;
  padding: 20px;
  transition: border 0.24s ease-in-out;
}

.focusedStyle {
  border-color: var(--focusedBorderColor);
}

.acceptStyle {
  border-color: var(--acceptBorderColor);
}

.rejectStyle {
  border-color: var(--rejectBorderColor);
}


/*# sourceMappingURL=main~b25c1b3c.f4f768d2.chunk.css.map*/