section.form {
  color: var(--black);
  background-color: var(--white);
  padding: 0 0 5rem;
}
section.form.low {
  padding: 0 0 3.5rem;
}
section.form h1 {
  color: var(--white);
  background-color: var(--red);
  width: 19.5rem;
  padding: 1.75rem 2.25rem;
  font-size: 3rem;
  line-height: 120%;
  margin-bottom: 2.5rem;
}
section.form h1 + .flex.top > article:nth-of-type(1) {
  width: 19.5rem;
}
@media (max-width: 500px) {
  section.form h1 + .flex.top > article:nth-of-type(1) {
    width: 100%;
  }
}
section.form h1 + .flex.top > article:nth-of-type(1) p + p {
  margin-top: 2.5rem;
}
section.form h1 + .flex.top > article:nth-of-type(1) p + p.divided {
  padding-top: 1rem;
  background-image: url(../images/uliner.svg);
  background-size: auto 0.5rem;
  background-position: left top;
  background-repeat: no-repeat;
  margin-top: 3.5rem;
}
@media (max-width: 500px) {
  section.form h1 + .flex.top > article:nth-of-type(1) p + p {
    margin-top: 2rem !important;
  }
}
section.form h1 + .flex.top > article:nth-of-type(2) {
  width: 48.25rem;
}
@media (max-width: 500px) {
  section.form h1 + .flex.top > article:nth-of-type(2) {
    width: 100%;
    margin-top: 2rem;
  }
}
section.form p {
  font-size: 1rem;
  line-height: 150%;
}
section.form .item.err .label {
  color: var(--err);
}
section.form .item.err input,
section.form .item.err textarea,
section.form .item.err .checkbox {
  outline: 1px dotted var(--err);
}
section.form .item + .item {
  margin-top: 0.6rem;
}
section.form .item + .item.gap {
  margin-top: 1.5rem;
}
section.form .label {
  text-transform: uppercase;
  padding: 0 0.75rem;
  font-size: 0.9rem;
  line-height: 150%;
  display: block;
}
section.form .label + .tx {
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 150%;
  font-weight: bold;
}
section.form .label span {
  color: var(--red);
}
section.form .label.regular {
  text-transform: none;
}
section.form .label.check {
  padding-top: 0.15rem;
  cursor: pointer;
}
section.form .label a {
  text-decoration: underline;
}
section.form input,
section.form textarea {
  font-family: "Bicyclette";
  font-size: 1rem;
  line-height: 150%;
  font-weight: bold;
  background-color: var(--grey);
  padding: 0.75rem;
  border: none;
  width: 100%;
}
section.form input:focus,
section.form textarea:focus {
  outline: 1px dotted var(--black);
}
section.form input[type=file], section.form input[type=checkbox],
section.form textarea[type=file],
section.form textarea[type=checkbox] {
  display: none;
}
section.form input.short,
section.form textarea.short {
  width: 25rem;
}
section.form textarea {
  height: 8rem;
  overflow: hidden;
}
section.form .checkbox {
  width: 3rem;
  height: 3rem;
  background-color: var(--grey);
  flex-shrink: 0;
  cursor: pointer;
}
section.form .checkbox span {
  width: 100%;
  text-align: center;
  font-size: 1.5rem !important;
  line-height: 3rem !important;
  user-select: none;
  display: none;
}
section.form .checkbox.checked span {
  display: block;
}
section.form .checkbox:focus {
  outline: 1px dotted var(--black);
}
section.form input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px var(--grey) inset !important;
  -webkit-box-shadow: 0 0 0px 1000px var(--grey) inset !important;
  -webkit-text-fill-color: var(--black) !important;
}
section.form + .divider {
  width: 100%;
  height: 2.5rem;
  background-color: var(--black);
}
section.form .print {
  font-size: 1rem;
  line-height: 150%;
  font-weight: bold;
  background-color: var(--grey);
  padding: 0.75rem;
  width: 25rem;
  height: 3rem;
  flex-shrink: 1;
}
section.form .print.track {
  width: 100%;
}
section.form .dropzone {
  padding: 4.25rem 2rem;
  background-color: var(--grey);
  cursor: pointer;
  user-select: none;
  text-align: center;
  border: 2px solid var(--grey);
}
section.form .dropzone.dragover {
  background-color: var(--white);
  border: 2px dashed var(--black);
}

section.deleter {
  background-color: var(--black);
  color: var(--white);
  padding: 3.5rem 0;
  font-weight: 300;
}
section.deleter h1 {
  font-size: 1.5rem;
  line-height: 120%;
}
section.deleter .flex > div:nth-of-type(1) {
  width: 50rem;
}
@media (max-width: 500px) {
  section.deleter .flex > div:nth-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 500px) {
  section.deleter .button {
    margin-top: 1rem;
  }
}