.overall-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  gap: 1rem;
}

.upload-container {
  width: 100%;
  max-width: 800px;
}

.OLQPPXDMPPZEPML {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: rgb(17 24 39);
}

.JJMOIPJASURFZZR { 
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.MOKEMXEUMORMTNB {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 16rem;
  background-color: #fff;
  border-radius: 0.5rem;
  border-width: 2px;
  border-color: rgb(209 213 219);
  border-style: dashed;
  cursor: pointer;
}

.MOKEMXEUMORMTNB:hover {
  background-color: rgb(243 244 246);
}

.AJWEEXDSCGKKRAJ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.5rem;
}

.IPDYVDFXQBSYDPG {
  margin-bottom: 0.75rem;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--primary-color);
}

.CZBOMSVYIUXGEHN {
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: rgb(17 24 39);
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.YZNOGBDHQQXLWRT {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.25rem;
  color: rgb(107 114 128);
}

.VLUUQSCUEVKJRCN {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(107 114 128);
}

.IPVFITTKAANOVRD {
  display: none;
}

.button-container-001 {
    max-width: 560px;
    width: 100%;
}

.JDXUXRENIRVHACY {
  --shadow: 0 1px 4px 0 rgb(39 39 42 / 8%), 0 4px 16px 0 rgb(39 39 42 / 4%);
  --shadow-hover: var(--shadow);
  --title-color: rgb(17 24 39);
  --description-color: rgb(107 114 128);
  box-shadow: var(--shadow);
  border-radius: 16px;
  background-color: #fff;
  display: flex;
  text-align: left;
  align-items: center;
  cursor: pointer;
  padding: 20px 24px;
  width: 100%;
  transition: box-shadow 0.2s ease;
}

.UQCEMGMYMJXVJOB {
  display: flex;
  align-items: center;
}

.NTYKRIXSXOMQTPQ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-right: 20px;
  border-radius: 12px;
  background-color: var(--primary-color);
  color: #fff;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.32);
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.WHNQYEAZZKVHDGS {
  width: 32px;
  height: 32px;
}

.KAKMIUPMXLYVVVL {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .25rem;
}

.EXIRMMLARZWFHDA {
  color: var(--title-color);
  font-weight: 600;
  transition: color 0.2s;
  font-size: 1.5rem;
  line-height: 1.5rem;
  letter-spacing: -0.01em;
}

.YHHEDQKJDCOZXVS {
  color: var(--description-color);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: -0.01em;
}

.WQYZWEWOHIJHUYQ {
  display: flex;
  align-items: center;
  margin-left: auto;
  transition: transform 0.2s ease-in-out;
}

.TWXCZQLMNRIEYHV {
  transition: color 0.2s ease-in-out;
  color: var(--primary-color);
  width: 32px;
  height: 32px;
}

.errors_message {
    text-align: center;
    color: red;
    padding-bottom: .5rem;
}

.divider-001 {
    font-size: 1rem;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 800px;
}

.divider-001::before,
.divider-001::after {
    flex: 1;
    content: '';
    padding: 1px;
    background-color: rgb(209 213 219);
    margin: 20px;
}