html body #root .contact-form-head > span:empty {
  display: none !important;
}

html body #root .contact-form-head {
  align-items: flex-start !important;
}

html body #root .contact-form-footer {
  justify-content: flex-end !important;
}

html body #root .contact-channel-list a {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  border: 2px solid #050505 !important;
  border-radius: 14px !important;
  background: #242529 !important;
  box-shadow: 0 4px 0 #050505 !important;
  color: #fff !important;
  padding: 13px !important;
  transform: none !important;
}

html body #root .contact-channel-list a:hover {
  background: #2b2d31 !important;
  border-color: #050505 !important;
  box-shadow: 0 5px 0 #050505 !important;
  transform: translateY(-1px) !important;
}

html body #root .contact-channel-list a:active {
  box-shadow: 0 2px 0 #050505 !important;
  transform: translateY(2px) !important;
}

html body #root .contact-channel-list b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  white-space: nowrap !important;
  border: 2px solid #050505 !important;
  border-radius: 10px !important;
  background: #fedf40 !important;
  box-shadow: 2px 2px 0 #050505 !important;
  color: #050505 !important;
  font-family: var(--ginko-font-body) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  padding: 0 10px !important;
  text-transform: uppercase !important;
}

html body #root .contact-field > span,
html body #root .contact-choice-group legend {
  color: #c9d2df !important;
}

html body #root .contact-field em {
  color: #fedf40 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  line-height: 0 !important;
  margin-left: 2px !important;
}

html body #root .contact-upload {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 4px 14px !important;
  border: 2px solid #050505 !important;
  border-radius: 16px !important;
  background: #202123 !important;
  box-shadow: 0 4px 0 #050505 !important;
  color: #fff !important;
  padding: 16px !important;
  text-align: left !important;
}

html body #root .contact-upload:hover,
html body #root .contact-upload.is-dragging {
  background: #242529 !important;
  border-color: #050505 !important;
  box-shadow: 0 5px 0 #050505 !important;
  transform: translateY(-1px) !important;
}

html body #root .contact-upload svg {
  grid-row: 1 / span 2 !important;
  width: 46px !important;
  height: 46px !important;
  border: 2px solid #050505 !important;
  border-radius: 12px !important;
  background: #fedf40 !important;
  box-shadow: 2px 2px 0 #050505 !important;
  color: #050505 !important;
  padding: 10px !important;
}

html body #root .contact-upload strong,
html body #root .contact-upload span {
  max-width: none !important;
}

html body #root .contact-upload strong {
  align-self: end !important;
}

html body #root .contact-upload span {
  align-self: start !important;
}

html body #root .contact-submit:disabled {
  cursor: not-allowed !important;
  filter: grayscale(.55) brightness(.82) !important;
  opacity: .62 !important;
  transform: none !important;
}

@media (max-width: 700px) {
  html body #root .contact-channel-list a {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  html body #root .contact-channel-list b {
    grid-column: 2 !important;
    width: fit-content !important;
  }

  html body #root .contact-upload {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  html body #root .contact-upload svg {
    width: 42px !important;
    height: 42px !important;
  }
}