/* Scoped styles; do not affect Desk or unrelated Website Forms. */
.tap-dropzone {
  padding: 18px;
  margin: 0 0 20px;
  border: 2px dashed #a4abb5;
  border-radius: 8px;
  background: #f7f9fb;
}
.tap-dropzone strong { display: block; font-size: 1.05rem; margin-bottom: 6px; }
.tap-dropzone .tap-help, .tap-dropzone .tap-capacity, .tap-dropzone .tap-message {
  color: #545b64; margin: 8px 0;
}
.tap-dropzone .tap-error { color: #b42424; }
.tap-dropzone .tap-row { margin-top: 10px; padding-top: 10px; border-top: 1px solid #dde2e8; overflow-wrap: anywhere; }
.tap-dropzone .tap-row .btn { margin: 6px 8px 0 0; }
.tap-dropzone button[disabled] { opacity: 0.6; cursor: not-allowed; }
.tap-dropzone .tap-visually-hidden {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}
@media (max-width: 600px) {
  .tap-dropzone { padding: 14px; }
  .tap-dropzone > button, .tap-dropzone .tap-row button { min-height: 44px; }
  .tap-dropzone > button { width: 100%; }
}
