/* Native inputs in the approved short-letter layout. Scene anchor is 480 units. */
#aviva-contact-letter {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 60;
  transform-origin: top left;
  color: #fff0eb;
  font: 20px/1.4 "STIX Two Text", "Times New Roman", serif;
  text-shadow: .5px 0 #ff764580, -.5px 0 #66c5f180;
  user-select: text;
}
#aviva-contact-letter * { box-sizing: border-box; }
#aviva-contact-letter .intro { margin: 0 0 32px; text-align: center; }
#aviva-contact-letter form { margin: 0; }
#aviva-contact-letter label {
  display: flex;
  align-items: baseline;
  gap: 9px;
  min-height: 56px;
  font-size: 23px;
  line-height: 32px;
}
#aviva-contact-letter label span { flex: none; }
#aviva-contact-letter input,
#aviva-contact-letter textarea {
  appearance: none;
  min-width: 0;
  border: 0;
  border-bottom: 1px solid #bfb4af;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 21px;
  line-height: 30px;
  padding: 7px 0 9px;
  outline: none;
  caret-color: #fff0eb;
  text-shadow: inherit;
}
#aviva-contact-letter input { flex: 1; width: 0; min-height: 47px; }
#aviva-contact-letter label.note { display: block; }
#aviva-contact-letter textarea { display: block; width: 100%; height: 96px; resize: none; scrollbar-color: #bfb4af #171717; }
#aviva-contact-letter input:focus,
#aviva-contact-letter textarea:focus { border-bottom-color: #fff0eb; box-shadow: 0 1px 0 #fff0eb; }
#aviva-contact-letter ::selection { background: #fff0eb; color: #171717; text-shadow: none; }
#aviva-contact-letter .send-row { display: flex; justify-content: flex-end; margin-top: 16px; }
#aviva-contact-letter button {
  background: transparent;
  color: inherit;
  border: 0;
  padding: 8px 0;
  min-height: 44px;
  font: inherit;
  font-size: 19px;
  cursor: pointer;
  text-shadow: inherit;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}
#aviva-contact-letter button:hover { text-decoration-thickness: 2px; }
#aviva-contact-letter button:focus-visible { outline: 1px solid #fff0eb; outline-offset: 5px; }
#aviva-contact-letter .status { font-size: 16px; line-height: 22px; min-height: 66px; margin: 8px 0 0; }
@media (max-width: 640px) {
  #aviva-contact-letter label { font-size: 21px; }
  #aviva-contact-letter input,
  #aviva-contact-letter textarea { font-size: 20px; }
}

#aviva-contact-letter button:disabled { cursor: wait; opacity: .65; }